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

    PC クリスマスギフト特集

================================================================*/
/*追加　ここから*/
.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; }

#MB .rankingUl {
  margin-bottom: 20px; }

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

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

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

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

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

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

/*追加　ここまで*/
/*------------------------------------------------------------
    共通
------------------------------------------------------------*/
/*  リセット  
----------------------------------------------*/
.comTop {
  padding-bottom: 10px !important; }

body {
  color: #202020;
  line-height: 1.5; }

a {
  color: #202020; }

img {
  vertical-align: bottom; }

#MB .spXmas_section {
  margin-bottom: 30px; }

/*  グリッド  
----------------------------------------------*/
.spXmas_grid_col2 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }

.spXmas_grid_col2 li {
  flex: 0 1 357px;
  margin-bottom: 20px; }

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

.spXmas_grid_col3 li {
  flex: 0 1 231px;
  margin-bottom: 20px; }

.spXmas_grid_col5 {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap; }

.spXmas_grid_col5 > li {
  flex: 0 1 135px;
  margin-bottom: 20px; }
  .spXmas_grid_col5 > li:not(:first-child) {
    margin-left: 15px; }

/* 見出し 
----------------------------------------------*/
#MB .spXmas_heading02 {
  margin-bottom: 20px;
  padding: 0 0 10px 5px;
  color: #363636;
  font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", Meiryo, "メイリオ", sans-serif;
}

/*見出し2リード文*/
.spXmas_lead {
  margin-bottom: 10px;
  padding-left: 3px;
  font-size: 1.2em;
  line-height: 1.5; }

#MB .spXmas_heading03 {
  margin: 15px 0 10px 0;
  padding: 0.4em 10px;
  color: #535353;
  font-size: 1.4em;
  font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", Meiryo, "メイリオ", sans-serif;
  border-left: solid 6px #b99115; }

/* ボタン 
----------------------------------------------*/
/*ボタン（基本色）*/
#MB .spXmas_btn-default a {
  display: block;
  position: relative;
  width: 350px;
  margin: 20px auto 30px;
  box-shadow: 0px 3px 9px 0px rgba(10, 2, 4, 0.28);
  border-radius: 4px;
  font-size: 1.4em;
  padding: 20px 15px;
  color: #FFF;
  text-align: center;
  text-decoration: none;
  background: #b99115;
  /*文字色,背景色,矢印色*/ }
  #MB .spXmas_btn-default a:after {
    content: "";
    position: absolute;
    margin: auto 0;
    width: 8px;
    height: 8px;
    border-top: 1px solid;
    border-right: 1px solid;
    border-top-color: #FFF;
    border-right-color: #FFF;
    top: 0;
    right: 10px;
    bottom: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); }
  #MB .spXmas_btn-default a:hover {
    opacity: 0.7;
    transition: 0.3s; }

/*ボタン（反転色）*/
.spXmas_btn-inverse a {
  /* display: block;
  position: relative;
  width: 350px;
  margin: 20px auto 30px;
  box-shadow: 0px 3px 9px 0px rgba(10, 2, 4, 0.28);
  border-radius: 4px;
  font-size: 1.4em;
  padding: 20px 15px;
  color: #886e23;
  text-align: center;
  text-decoration: none;
  background: #FFF; */
  /*文字色,背景色,矢印色*/
  /* border: solid 1px #886e23;  */
}
  .spXmas_btn-inverse a:after {
    content: "";
    position: absolute;
    margin: auto 0;
    width: 8px;
    height: 8px;
    border-top: 1px solid;
    border-right: 1px solid;
    border-top-color: #886e23;
    border-right-color: #886e23;
    top: 0;
    right: 10px;
    bottom: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); }
  .spXmas_btn-inverse a:hover {
    opacity: 0.7;
    transition: 0.3s; }

/* テキストのみリンク 
----------------------------------------------*/
#MB .spXmas_txtLink {
  text-align: right; }

#MB .spXmas_txtLink a {
  position: relative;
  padding-left: 10px; }
  #MB .spXmas_txtLink 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); }

/*------------------------------------------------------------
     トップ 
------------------------------------------------------------*/
/* サイドナビ 
----------------------------------------------*/
#LI .spXmas_side_backToTop {
  margin-bottom: 10px; }
  #LI .spXmas_side_backToTop:hover {
    opacity: 0.7;
    transition: 0.3s; }

#LI .spXmas_side_deadline {
  margin-bottom: 15px; }

#LI .spXmas_side_btnList {
  margin-bottom: 15px; }

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

#LI .spXmas_side_heading {
  margin-bottom: 15px;
  padding: 0 0 5px 5px;
  color: #363636;
  font-size: 1.4em;
  font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", Meiryo, "メイリオ", sans-serif;
  border-bottom: solid 1px #8f8f8f; }

#LI .spXmas_side_list {
  margin-bottom: 20px;
  padding-left: 5px; }

#LI .spXmas_side_list > li {
  padding: 4px 0;
  font-size: 1.2em;
  line-height: 1.5; }

#LI .spXmas_side_list > li > a {
  position: relative;
  padding-left: 10px;
  color: #313131; }
  #LI .spXmas_side_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); }

#LI .spXmas_side_care {
  margin-bottom: 20px; }
  #LI .spXmas_side_care:hover {
    opacity: 0.7;
    transition: 0.3s; }

#LI .spXmas_side_iconList {
  margin-bottom: 20px;
  padding-left: 5px; }

#LI .spXmas_side_iconList > li {
  font-size: 1.2em; }
  #LI .spXmas_side_iconList > li:not(:last-child) {
    margin-bottom: 13px; }

#LI .spXmas_side_iconList > li > a {
  display: block;
  color: #313131; }

#LI .spXmas_side_iconList > li > a > span > img {
  padding-right: 10px;
  vertical-align: middle; }

#LI .spXmas_side_txtList {
  margin-bottom: 20px;
  padding-left: 5px;
  border-top: 1px solid #e3e3e3; }

#LI .spXmas_side_txtList > li {
  position: relative;
  font-size: 1.2em;
  border-bottom: 1px solid #e3e3e3; }

#LI .spXmas_side_txtList > li > a {
  display: block;
  padding: 15px 5px 15px 10px;
  color: #313131; }
  #LI .spXmas_side_txtList > 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;
    left: 0;
    bottom: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); }

/* メイン 
----------------------------------------------*/
.spXmas_main {
  margin-bottom: 22px; }

.spXmas_top_lead {
  color: #585858;
  font-size: 1.4em;
  line-height: 2;
  width: 960px;
  margin: 10px auto 0;
  text-align: center; }

/*  ローカルナビ  
----------------------------------------------*/
#MB .spXmas_localnav {
  margin-bottom: 5px; }

#MB .spXmas_localnav .spXmas_grid_col5 {
  justify-content: center; }

/* スタイルからさがす 
----------------------------------------------*/
#MB .spXmas_grid_style > li {
  position: relative; }

#MB .spXmas_grid_style > li > a > span {
  position: absolute;
  top: 17px;
  left: 15px;
  display: block;
  color: #fff;
  font-size: 1.8em;
  line-height: 1.22;
  font-weight: bold;
  text-align: left;
  text-decoration: none;
  font-feature-settings: "palt" 1;
  letter-spacing: 3px;
  font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", Meiryo, "メイリオ", sans-serif; }

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

/* 特集からさがす 
----------------------------------------------*/
/*バナー*/
#MB .spXmas_grid_txt {
  display: inline-block;
  padding-top: 5px;
  font-size: 1.2em; }

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

/* 予算からさがす 
----------------------------------------------*/
#MB .spXmas_budget_list {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-left: 10px; }

#MB .spXmas_budget_list > li > a {
  position: relative;
  padding: 0 30px 0 15px;
  font-size: 1.4em; }
  #MB .spXmas_budget_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_column_heading03 {
  margin-bottom: 10px;
  padding: 10px 10px;
  font-size: 1.5em;
  font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", Meiryo, "メイリオ", sans-serif;
  border-left: solid 5px #b99115;
  background: #f8f4e7; }

/*  クリスマスコラム  */
#MB .xmas_column_box {
  margin-bottom: 30px; }

#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 .imgBox.-trim {
  position: relative;
  width: 280px;
  height: 280px;
  overflow: hidden; }

#MB .xmas_column_box .imgBox.-trim img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

#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 .spXmas_column_inner {
  padding: 30px;
  background: #f3f3f3; }

#MB .spXmas_column_inner > .column_thumb tr {
  display: flex;
  justify-content: space-between; }

#MB .spXmas_column_inner > .column_thumb td {
  display: table; }
  #MB .spXmas_column_inner > .column_thumb td:not(:last-child) {
    margin-right: 20px; }

#MB .spXmas_column_inner > .column_thumb td .column_img {
  display: table-cell;
  vertical-align: middle; }

#MB .spXmas_column_inner > .column_thumb td .column_txt {
  display: table-cell;
  vertical-align: middle;
  max-width: 146px;
  font-size: 1.2em;
  padding-left: 10px;
  line-height: 1.4;
  word-break: break-all; }

.column_list {
  margin-top: 20px; }

.column_list td {
  position: relative;
  /*float: left;*/
  width: 211px;
  padding-right: 25px;
  padding-bottom: 15px;
  font-size: 1.1em;
  line-height: 1.3; }

.column_list td a {
  /*padding-left: 10px;*/ }

.column_list td a span {
  position: relative;
  padding-left: 10px; }
  .column_list td a span: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); }

.column_viewAll {
  font-size: 1.2em;
  text-align: right; }

.column_viewAll a {
  position: relative;
  padding-left: 10px; }
  .column_viewAll 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 .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; }

/*------------------------------------------------------------
    駆け込み 
------------------------------------------------------------*/
/* eギフト 
----------------------------------------------*/
#MB .last_egift_button {
  display: table;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 10px 0;
  width: 679px;
  margin: 0 auto; }

#MB .last_egift_button li {
  display: table-cell;
  text-align: center; }

#MB .last_egift_button li a {
  width: 100%;
  height: 100%;
  display: inline-block; }
  #MB .last_egift_button li a:hover {
    opacity: 0.5;
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 1s;
    -moz-transition-duration: 1s; }

/* 店頭受取りサービス 
----------------------------------------------*/
/*flexbox*/
.is_fb {
  display: flex;
  /* width: 588px; */
  /* margin: 0 auto; */ }

/*space-between*/
.is_fx-sb {
  justify-content: space-between; }

/*flex-start*/
.is_fx-fs {
  justify-content: flex-start; }

.is_wrap {
  /* padding-top: 30px; */ }

.is_shop {
  width: 735px;
  flex-wrap: wrap;
  margin: 0 auto; }

.is_shop li {
  margin-bottom: 40px;
  padding: 0 3px; }

/*------------------------------------------------------------
    終了文言 
------------------------------------------------------------*/
.spXmas_end_sp {
  margin-bottom: 10px;
  padding: 20px;
  text-align: center;
  background: #eadeb8; }

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

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

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

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

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