@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
#xmas,
#xmas_link {
  font-family: 'Noto Sans Japanese', sans-serif;
}
#xmas section,
#xmas_link section,
#xmas main,
#xmas_link main {
  display: block;
}
#xmas h1,
#xmas_link h1,
#xmas h2,
#xmas_link h2,
#xmas h3,
#xmas_link h3,
#xmas h4,
#xmas_link h4,
#xmas h5,
#xmas_link h5 {
  font-family: 'Noto Sans Japanese', sans-serif;
  font-weight: 200;
  background-color: transparent;
  margin: 0;
  padding: 0;
  border: unset;
}
/* PCのみ表示／SPのみ非表示 */
[data-browse-mode="P"] #xmas .sp-only {
  display: none;
}
/* SP */
[data-browse-mode="S"] #xmas .pc-only {
  display: none;
}

/* 絞り込みコード2列にする */
  [data-browse-mode="P"] #block_pagenavi_frame_children {
    padding: 20px 20px 30px;
    ;
  }

  [data-browse-mode="P"] #block_pagenavi_frame_children #div_filter7 .block-filter--list-inner-accordion {
    max-width: 330px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }

  [data-browse-mode="P"] #block_pagenavi_frame_children #div_filter7 .block-filter--list-inner-accordion label {
    white-space: unset;
  }

  [data-browse-mode="P"] #block_pagenavi_frame_children #div_filter2 .block-filter--imagelist-inner-accordion {
    max-width: 130px;
  }

  [data-browse-mode="S"] #div_filter7+.block-filter--filter-options {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
  }

  [data-browse-mode="S"] #div_filter7+.block-filter--filter-options .block-filter--element {
    width: 110%;
  }
[data-browse-mode="S"] #event_big-sale .pickup-area {
    margin-bottom: 0 !important;
    margin-top: 40px !important;
}
[data-browse-mode="S"] #event_big-sale .pickup-goods-item-img {
    width: 115% !important;
}
[data-browse-mode="S"] #event_big-sale .pickup-goods-btn {
    padding: 4px;
    font-size: 13px;
}
[data-browse-mode="P"] #event_big-sale .pickup-goods-item-img {
    width: 81% !important;
}

/*    MV
---------------------------------------- */
#xmas h1 {
  background: #FDF3F2;
}

#xmas img {
  display: block;
  margin: 0 auto;
}
/* ----------------------------------------
   コンテンツ
---------------------------------------- */
#xmas .inner p{
  font-size: 16px;
  line-height: 1.8em;
  margin-bottom:15px;
}

#xmas .inner h2 {
  color: #5a4383;
  border: none;
}

#xmas .title{
  text-align: center;
  padding: 0;
  margin: 0 0 30px;
  font-size: 30px;
  color: #996600;
  border: 0;
}

#xmas .inner h3.card{
  font-size: 18px;
  font-weight: bold;
  color: #006699;
}

#xmas .campaign-content img {
    display: block;
    margin: 20px auto;
}

/* ----------パンくず---------- */
[data-browse-mode="P"] .breadcrumb {
  background: #f8f8f8;
  padding: 15px 0;
  font-size: 12px;
}
[data-browse-mode="P"] .breadcrumb > div {
  width: 1000px;
  margin: 0 auto;
}
[data-browse-mode="P"] .breadcrumb ul {
  display: flex;
  flex-wrap: wrap;
}
[data-browse-mode="P"] .breadcrumb a {
  display: inline-block;
  position: relative;
  padding: 0 7px;
  margin-left: 10px;
}
[data-browse-mode="P"] .breadcrumb li {
  position: relative;
}
[data-browse-mode="P"] .breadcrumb li:after {
  position: absolute;
  top: -1px;
  left: 2px;
  font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", sans-serif;
  content: '>';
}
[data-browse-mode="P"] .breadcrumb li:first-child, [data-browse-mode="P"] .breadcrumb li:first-child a {
  padding-left: 0;
  margin-left: 0;
}
[data-browse-mode="P"] .breadcrumb li:first-child:after {
  display: none;
}
.border-bottom {
  border-bottom: 1px solid #444;
}
[data-browse-mode="P"] .breadcrumb a:hover .border-bottom {
  border-bottom: 1px solid #976F34;
}
/* SP */
[data-browse-mode="S"] .breadcrumb {
  background: #f8f8f8;
  font-size: 10px;
}
[data-browse-mode="S"] .breadcrumb ul {
  display: flex;
  flex-wrap: wrap;
  padding: 5px 15px;
}
[data-browse-mode="S"] .breadcrumb a {
  display: inline-block;
  position: relative;
  padding: 2px 7px;
  margin-left: 10px;
}
[data-browse-mode="S"] .breadcrumb li {
  position: relative;
}
[data-browse-mode="S"] .breadcrumb li:after {
  position: absolute;
  top: 9px;
  transform: translateY(-50%);
  left: 2px;
  font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", sans-serif;
  content: '>';
}
[data-browse-mode="S"] .breadcrumb li:first-child, [data-browse-mode="S"] .breadcrumb li:first-child a {
  padding-left: 0;
  margin-left: 0;
}
[data-browse-mode="S"] .breadcrumb li:first-child:after {
  display: none;
}
.border-bottom {
  border-bottom: 1px solid #999;
}
[data-browse-mode="S"] .breadcrumb a:hover .border-bottom {
  border-bottom: 1px solid #976F34;
}
/* ----------コンテンツ---------- */
#xmas {
  color: #333;
  /*font-feature-settings: "palt";*/
}
[data-browse-mode="P"] .xmas_inner {
  margin: 0 auto;
}
/* ----------MV---------- */
[data-browse-mode="P"] #xmas .mv-area {
  margin-bottom: 40px;
  border-bottom: 5px solid #B50015;
}
[data-browse-mode="P"] #xmas .lead-h2 {
  display: table;
  margin: 0 auto 20px;
  padding: 0 15px;
  text-align: center;
  font-size: 30px;
  font-weight: bold;
  color: #ea7700;
  border-bottom: 2px solid #ea7700;
}
[data-browse-mode="P"] #xmas .lead-txt {
  margin-bottom: 40px;
  text-align: center;
  line-height: 1.8;
  font-size: 18px;
  font-weight: 600;
}
#xmas .lead-txt span {
  color: #EB5503;
}
/* SP */
[data-browse-mode="S"] #xmas .mv-area {
  margin-bottom: calc(40 * (100vw / 750));
  border-bottom: 5px solid #B50015;
}
[data-browse-mode="S"] #xmas .campaign-content img {
    display: block;
    margin: 20px auto;
    width: 100%;
}

[data-browse-mode="S"] #xmas .lead-h2 {
  margin: 0 calc(26 * (100vw / 750)) calc(30 * (100vw / 750));
  padding: 0 0 calc(12 * (100vw / 750));
  text-align: center;
  font-size: calc(36 * (100vw / 750));
  font-weight: bold;
  line-height: 1.4;
  color: #ea7700;
  border-bottom: 2px solid #ea7700;
}
[data-browse-mode="S"] #xmas .lead-txt {
  margin: 0 calc(15 * (100vw / 750)) calc(30 * (100vw / 750));
  text-align: center;
  font-size: calc(31 * (100vw / 750));
  line-height: 1.5;
}
/* ----------キャンペーン---------- */
.campaign-wrap {
  margin: 30px auto 0;
  padding: 18px 0 30px;
  background: #FDF3F2;
  background-size: cover;
  width: 1000px;
}
#xmas .campaign-wrap h2 {
  font-size: 26px;
  font-weight: 600;
  color: #fff;
  padding: 35px 35px 10px;
}
.campaign-wrap h2 span {
  display: table;
  margin-bottom: 14px;
  padding: 1px 5px 0 13px;
  background: #EB5503;
}
#xmas .campaign-wrap h3 {
  font-size: 26px;
  font-weight: 600;
  color: #B50015;
  text-align: center;
  margin: 12px 0;
}
.campaign-wrap h3 .title_line {
  position: relative;
}
.campaign-wrap h3 .title_line:before, .campaign-wrap h3 .title_line:after {
  position: absolute;
  top: 5px;
  display: inline-block;
  content: "";
  background: #B50015;
  width: 3px;
  height: 1.4em;
  margin: 0 1em;
  margin-top: -.2em;
  vertical-align: middle;
}
.campaign-wrap h3 .title_line:before {
  transform: rotate(-35deg);
  left: -45px;
}
.campaign-wrap h3 .title_line:after {
  transform: rotate(35deg);
  right: -45px;
}
.campaign-content {
  display: flex;
  justify-content: center;
  margin-bottom: 40px;
}
.campaign-content img {
  margin: 0 7px;
}
.campaign-wrap .campaign-benefits {
  margin-bottom: 40px;
  padding: 30px 30px 0 30px;
  background: #fff;
  border-bottom: 5px solid #B50015;
}
.campaign-wrap .campaign-benefits:nth-of-type(5) {
  padding: 30px 30px 30px 30px;
}
.campaign-benefits-txt {
  display: table;
  margin: auto;
  text-align: center;
}
.campaign-benefits-txt .line_txt {
  font-size: 19px;
  font-weight: 600;
  text-align: center;
  padding: 0 3px;
  line-height: 1.4;
  background: linear-gradient(transparent 50%, #F9F5D3 50%);
}
.campaign-benefits-txt .orange_txt {
  font-size: 32px;
  color: #B50015;
}
.campaign-benefits-heading {
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  margin: 23px 0 30px;
}
.campaign-benefits-heading-note {
  margin: 0 auto;
  width: 1000px;
  max-width: 650px;
}
.campaign-benefits-goods {
  display: flex;
  justify-content: center;
  margin-bottom: 40px;
}
.campaign-benefits-goods a {
  display: block;
  width: 460px;
  flex-shrink: 0;
  margin: 0 8px;
}
.campaign-benefits-goods a img {
  width: 100%;
}
.campaign-benefits-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 378px;
  height: 47px;
  font-size: 24px;
  font-weight: 600;
  color: #fff;
  line-height: 1;
  margin: 30px auto;
  background: #B7A35E;
  border-radius: 24px;
}
a.campaign-benefits-btn:after {
    position: absolute;
    content: "";
    right: 34px;
    top: -8px;
    bottom: 0;
    margin: auto;
    width: 14px;
    height: 14px;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
}
.campaign-benefits-btn:hover {
  color: #fff;
  opacity: .7;
}
.ajust-num02 {
  background: #fff url(/img/event/xmas/2025/free_shippng.jpg) no-repeat right 70px bottom 65px / 160px auto !important;
}
.ajust-num02 .campaign-benefits-btn {
  margin-top: 60px;
}
.ajust-num03 {
  background: #fff url(/img/event/xmas/2025/lapping.png) no-repeat right 20px bottom 395px / 160px auto !important
}
.ajust-num03 .campaign-benefits-btn {
  margin-top: 30px;
}
@media screen and (max-width: 750px) {
  .campaign-wrap {
    margin: auto;
    padding-bottom: calc(10 * (100vw / 750));
    width: 100%;
  }
  #xmas .campaign-wrap h2 {
    font-size: calc(33 * (100vw / 750));
    padding: calc(40 * (100vw / 750)) calc(20 * (100vw / 750)) calc(40 * (100vw / 750));
  }
  .campaign-wrap h2 span {
    margin-bottom: calc(16 * (100vw / 750));
    padding: 1px 5px 0;
  }
  #xmas .campaign-wrap h3 {
    font-size: calc(44 * (100vw / 750));
    margin: calc(48 * (100vw / 750)) 0 calc(16 * (100vw / 750));
  }
  .campaign-wrap h3 .title_line:before, .campaign-wrap h3 .title_line:after {
    top: calc(16 * (100vw / 750));
    height: 1.2em;
  }
  .campaign-wrap h3 .title_line:before {
    left: calc(-90 * (100vw / 750));
  }
  .campaign-wrap h3 .title_line:after {
    right: calc(-90 * (100vw / 750));
  }
  .campaign-content {
    display: block;
    margin: 0 calc(50 * (100vw / 750)) calc(54 * (100vw / 750));
  }
  .campaign-content img {
    margin: 0;
  }
  .campaign-content a {
    display: block;
    margin-bottom: calc(25 * (100vw / 750));
  }
  .campaign-benefits {
    margin-bottom: calc(56 * (100vw / 750));
    padding: calc(40 * (100vw / 750)) calc(28 * (100vw / 750));
    border-bottom: calc(5 * (100vw / 750)) solid #1A264C;
  }
  .campaign-benefits-txt .line_txt {
    font-size: calc(32 * (100vw / 750));
  }
  .campaign-benefits-txt .orange_txt {
    font-size: calc(52 * (100vw / 750));
  }
  .campaign-benefits-heading {
    font-size: calc(28 * (100vw / 750));
    margin: calc(46 * (100vw / 750)) 0 calc(12 * (100vw / 750));
  }
  .campaign-benefits-goods {
    margin-bottom: calc(56 * (100vw / 750));
  }
  .campaign-benefits-goods a {
    width: calc(50% - 8px);
    margin: 0 4px;
  }
  .campaign-benefits-btn {
    width: calc(486 * (100vw / 750));
    height: calc(74 * (100vw / 750));
    font-size: calc(31 * (100vw / 750));
    border-radius: calc(48 * (100vw / 750));
  }
  .ajust-num02 {
    background: #fff url(/img/event/xmas/2025/free_shippng.jpg) no-repeat bottom calc(160 * (100vw / 750)) right calc(20 * (100vw / 750)) / calc(132 * (180vw / 750)) auto !important;
  }
  .ajust-num02 .campaign-benefits-btn {
    margin-top: calc(280 * (100vw / 750));
  }
  .ajust-num03 {
    background: #fff url(/img/event/xmas/2025/lapping.png) no-repeat bottom calc(160 * (300vw / 750)) right calc(240 * (100vw / 750)) / calc(132 * (180vw / 750)) auto !important;
  }
  .ajust-num03 .campaign-benefits-btn {
    margin-top: calc(280 * (100vw / 750));
  }
  .campaign-wrap .campaign-benefits {
    margin-bottom: 20px;
    padding: 20px 10px 0 10px;
    border-bottom: 3px solid #B50015;
  }
  .campaign-benefits-heading-note {
    margin: 0 auto;
    width: 100%;
    text-indent: -1em;
    padding-left: 1em;
  }
  a.goods_list_btn {
    width: 340px;
    margin-top: 10px;
    height: 50px;
    font-size: 18px;
  }
  a.goods_list_btn:after {
    right: 45px;
    top: -10px;
  }
  #goods_list {
    margin-bottom: 0;
  }
}
a.goods_list_btn {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 350px;
    height: 60px;
    margin: 20px auto;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    line-height: 1;
    background: #B7A35E;
    border-radius: 30px;
}
a.goods_list_btn:after {
    position: absolute;
    content: "";
    right: 55px;
    top: -10px;
    bottom: 0;
    margin: auto;
    width: 14px;
    height: 14px;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
}
a.goods_list_btn:hover {
    opacity: .7;
}
/* ----------------------------------------
    西川直営店スタッフのおすすめ
    【修正】PC/SP両方でスライダーが動作するように修正
---------------------------------------- */

/* --- PC/SP 共通スタイル --- */
.staff-recommend {
    background: #F7F7F4;
    width: 100%;
}
.staff-recommend__header{
    background: #FFFFFF;
    width: 100%;
    text-align: center;
    position: relative;
}
.staff-recommend__header:before{
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-top: 34px solid #FFFFFF; 
    border-right: 21px solid transparent;
    border-left: 21px solid transparent;
}
.staff-recommend__header h2 {
    font-weight: 700 !important;
    border-bottom: none;
    margin: 0;
}
.staff-recommend__header p {
    color: #B8A361;
    font-weight: 700;
}
.staff-recommend__card-title span:not([class]) {
    color: #D3312E;
}
.staff-recommend__card-title span.font-s {
    font-size: 0.7em;
    display: inline-block;
    text-align: justify;
}
.staff-recommend__card-points{
    border-top: 2px solid #F7F7F4;
}
.staff-recommend__card-points p{
    text-align: center;
    color: #B8A361;
    font-weight: 700;
}
.staff-recommend .slick-track {
    display: flex;
    align-items: stretch; /* カードの高さを揃える */
}
.staff-recommend .slick-slide {
  height: auto;
}
.staff-recommend .slick-arrow {
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center;
    border: none;
    font-size: 0; /* ボタンのテキストを非表示 */
    z-index: 3;
}
.staff-recommend .slick-arrow.slick-prev {
    background-image: url(/img/usr/mv_prev.png);
}
.staff-recommend .slick-arrow.slick-next {
    background-image: url(/img/usr/mv_next.png);
}
.staff-recommend .slick-next:before {
    content: ' ';
}
.staff-recommend .slick-prev:before {
    content: ' ';
}

/* --- PC用スタイル (768px以上) --- */
@media screen and (min-width: 768px) {
    .staff-recommend__header {
        padding: 18px 0;
    }
    .staff-recommend__content {
        position: relative;
        max-width: 700px;
        margin: auto;
    }
    .staff-recommend__header h2 {
        font-size: 20px;
    }
    .staff-recommend__header h2 span {
        font-size: 24px;
    }
    .staff-recommend__header p {
        font-size: 16px;
    }
    .staff-recommend__header img {
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
        height: auto;   
    }
    .staff-recommend__inner {
        width: 1000px;
        margin: 0 auto;
        padding: 73px 0 70px;
    }
    .staff-recommend__card {
        background: #FFFFFF;
        padding: 14px 16px 19px;
    }
    .staff-recommend__card-title {
        text-align: center;
        font-size: 17px;
        font-weight: bold !important;
        border-bottom: 2px solid #F7F7F4 !important;
        background: #FFFFFF;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 0 10px !important;
        margin: 0 0 10px !important;
    }
    .staff-recommend__card-product {
        display: flex;
        flex-direction: column;
    }
    .staff-recommend__card-image{
        display: block;
        margin: 14px auto 12px;
    }
    .staff-recommend__card-name{
        font-size: 14px;
        font-weight: 700;
    }
    .staff-recommend__card-price{
        text-align: right;
        font-size: 18px;
        font-weight: 700;
        margin-bottom: 11px;
    }
    .staff-recommend__card-points{
        padding-top: 13px;
    }
    .staff-recommend__card-points p{
        font-size: 18px;
        margin-bottom: 11px;
    }
    .staff-recommend__card-points span {
        font-size: 16px;
        font-weight: 500;
    }
    .staff-recommend .slick-list {
      margin: 0 -15px; /* スライド間の余白を作る */
    }
    .staff-recommend .slick-slide {
      margin: 0 15px; /* スライド間の余白 */
    }
    .staff-recommend .slick-arrow {
        background-size: 40px;
    }
    .staff-recommend .slick-arrow.slick-prev {
        left: -50px; /* スライダーの外側に配置 */
    }
    .staff-recommend .slick-arrow.slick-next {
        right: -50px; /* スライダーの外側に配置 */
    }
    .staff-recommend-introduction {
        margin-top: 40px;
        background-color: white;
        text-align: center;
        padding: 2em;
    }
    .staff-recommend-introduction .font-w {
        font-weight: bold;
        font-size: 1.2em;
    }
    .staff-recommend-introduction .read-text {
        font-size: 18px;
        font-weight: normal;
    }
    .staff-recommend-introduction .bnr {
        display: flex;
        justify-content: center;
        gap: 30px;
        margin-top: 40px;
    }
    .staff-recommend-introduction .bnr .bnr-item {
        width: calc(50% - 15px);
        max-width: 300px;
        text-align: justify;
    }
    .staff-recommend-introduction .bnr .bnr-item .name {
        font-size: 15px;
        font-weight: 600;
        margin: 12px 0 5px;
    }
    .staff-recommend-introduction .bnr .bnr-item .text {
      font-size: 13px;
      font-weight: 300;
    }
}

/* --- SP用スタイル (767px以下) --- */
@media screen and (max-width: 767px) {
    .staff-recommend__header{
      padding: 20px 0 30px;
    }
    .staff-recommend__content {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 6px;
    }
    .staff-recommend__content>img {
        order: 0;
    }
    .staff-recommend__content>*:not(img) {
        order: 1;
    }
    .staff-recommend__header h2 {
      font-size: 16px;
    }
    .staff-recommend__header h2 span {
      font-size: 20px;
    }
    .staff-recommend__header p {
      font-size: 16px;
    }
    .staff-recommend__inner {
      width: 90%;
      margin: 0 auto;
      padding: 50px 0 10px;
      position: relative; /* 矢印配置の基準 */
    }
    .staff-recommend__card {
      background: #FFFFFF;
      padding: 14px 16px 19px;
    }
    .staff-recommend__card-title {
      text-align: center;
      font-size: 18px;
      font-weight: bold !important;
      border-bottom: 2px solid #F7F7F4 !important;
      background: #FFFFFF;
      margin: 0 0 10px !important;
      padding: 0 0 10px !important;
    }
    .staff-recommend__card-product {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 16px;
      margin-bottom: 12px;
    }
    .staff-recommend__card-image{
      width: 40%;
      height: auto;
      aspect-ratio: 1;
    }
    .staff-recommend__card-info{
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }
    .staff-recommend__card-name{
      font-size: 13px;
      font-weight: 700;
    }
    .staff-recommend__card-price{
      text-align: right;
      font-size: 16px;
      font-weight: 700;
    }
    .staff-recommend__card-points{
      padding-top: 13px;
    }
    .staff-recommend__card-points p{
      font-size: 16px;
      margin-bottom: 11px;
    }
    .staff-recommend__card-points span {
      font-size: 15px;
      font-weight: 500;
    }
    /* 【追加】SP用のスライダースタイル */
    .staff-recommend .slick-list {
        padding: 0 5px; /* スライドの左右に少し余白 */
    }
    .staff-recommend .slick-arrow {
        width: 30px;
        height: 30px;
        background-size: 30px;
    }
    .staff-recommend .slick-arrow.slick-prev {
        left: -10px; /* スライダーの内側に配置 */
    }
    .staff-recommend .slick-arrow.slick-next {
        right: -10px; /* スライダーの内側に配置 */
    }
    .staff-recommend-introduction {
        margin-top: 40px;
        background-color: white;
        text-align: center;
        padding: 1.5em;
    }
    .staff-recommend-introduction .font-w {
        font-weight: bold;
        font-size: 1.2em;
    }
    .staff-recommend-introduction .read-text {
        font-size: clamp(12px,3.3vw,18px);
        font-weight: normal;
    }
    .staff-recommend-introduction .bnr {
        display: flex;
        flex-direction: column;
        gap: 15px;
        margin-top: 40px;
    }
    .staff-recommend-introduction .bnr .bnr-item {
        text-align: justify;
    }
    .staff-recommend-introduction .bnr .bnr-item .name {
        font-size: clamp(12px,3.6vw,20px);
        font-weight: 600;
        margin: 12px 0 5px;
    }
    .staff-recommend-introduction .bnr .bnr-item .text {
      font-size: clamp(10px , 3.2vw , 15px);
      font-weight: 300;
      color: #777;
    }
}
/* ----------------------------------------
	ギフトバナー
---------------------------------------- */
.mainImage { margin-top: 20px; }
.mainImage .fukidashi-text {
    text-align: center;
    margin-bottom: 20px;
    font-size: 20px;
    display: flex;
    justify-content: center;
    align-items: end;
    gap: 20px;
    color: #990066;
}
#xmas .mainImage img {
  display: block;
  margin: 0 auto;
}
/* .mainImage .fukidashi-text::before,.mainImage .fukidashi-text::after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 2.5em;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    background-color: #B8A361;
}
.mainImage .fukidashi-text::before {
    transform: rotate(-25deg);
}
.mainImage .fukidashi-text::after {
    transform: rotate(25deg)
} */
/* ----------------------------------------
    メディアクエリ
---------------------------------------- */
@media screen and (min-width: 1360px) {
  #xmas #ce19_mv .mv_text {
    left: 50.2%;
    transform: translateX(-50%);
  }
}

@media screen and (max-width: 768px) {
  #xmas section + section {
    margin-top: 30px;
  }
  #xmas .p30 {
    padding: 20px 30px 0 !important;
  }
}
/* --------------------2025adjust-------------------- */
.pickup_wrap_h2 {
  display: table;
  margin: auto;
}
.summergift h2 {
  color: #444 !important;
  font-size: 22px !important;
  text-align: center;
}
h2.marker {
  background: linear-gradient(transparent 70%, #E7DEA9 75%);
}
#contents_wrap .pickup_wrap h2.marker + p {
  text-align: center;
}
#contents_wrap .pickup_wrap h3 {
  color: #B89D02;
}
.icon005 {
  display: inline-block !important;
  width: 91px !important;
  vertical-align: middle;
  padding: 2px 5px 6px 0 !important;
}
#contents_wrap .content_wrap .inner div span.icon_txt {
  color: unset;
  font-weight: unset;
  margin-top: 10px;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .pickup_wrap_h2 {
    text-align: center;
  }
  .goods_area img {
    height: auto;
  }
  .summergift h3 {
    font-size: 18px !important;
    letter-spacing: -0.5px;
  }
  #contents_wrap .content_wrap .inner {
    padding: 15px 10px 0;
  }
  .icon005 {
    display: inline-block !important;
    width: 81px !important;
  }
}
/* --------------------goods--------------------*/
.goods_area {}
/* 縦表示 */
.goods_area_inner {
  width: 100%;
  max-width: 900px;
  margin: auto;
}
.goods_area h2 {
  position: relative;
  width: 100%;
  padding: 7px;
  font-size: 20px;
  font-weight: bold !important;
  text-align: center;
  letter-spacing: 1px;
  background: #E7DEA9;
  border: none;
  margin: 0 auto 30px;
}
.goods_area h2 .title_line {
  position: relative;
}
.goods_area h2 .title_line:before, .goods_area h2 .title_line:after {
  position: absolute;
  top: 0;
  display: inline-block;
  content: "";
  background: #444;
  border-radius: 10px;
  width: 3px;
  height: 1.8em;
  margin: 0 1em;
  margin-top: -.2em;
  vertical-align: middle;
}
.goods_area h2 .title_line:before {
  transform: rotate(-35deg);
  left: -70px;
}
.goods_area h2 .title_line:after {
  transform: rotate(35deg);
  right: -70px;
}
.goods_txt {
  font-size: 16px;
  text-align: center;
  line-height: 2;
  margin: -10px auto 40px;
}
.goods_detail {
  display: flex;
  width: 100%;
  margin: auto;
}
.goods_detail a img {
  border: 1px solid #23181533;
}
.goods_detail_txt {
  width: calc(95% - 400px - 40px);
  margin-left: 40px;
}
.goods_detail_txt h3 {
  font-size: 18px;
  font-weight: 600 !important;
  margin: 0 0 15px;
  padding: 0;
  background: transparent;
}
.goods_detail_txt h3:has(+ .goods_detail_price) {
  margin: 0 0 2px;
}
.goods_detail_txt h3 img {
  height: 19px;
  margin-left: 7px;
}
.maru_r {
  font-size: 28px;
  line-height: 1;
  vertical-align: middle;
}
.goods_detail_txt p {
  font-size: 16px;
  line-height: 1.7;
}
.goods_detail_name {
  width: 100%;
  margin: 40px auto 20px 0;
}
.goods_detail_name h4 {
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 10px;
  padding: 0 0 0 10px;
  border-left: 5px solid #444;
}
.goods_detail_price {
  font-size: 22px;
  font-weight: 600;
}
.goods_detail_txt h3 + .goods_detail_price {
  margin-bottom: 15px;
}
.goods_detail_tax {
  font-size: 13px;
  margin-left: 3px;
}
a.goods_detail_btn {
  position: relative;
  display: block;
  width: 65%;
  padding: 13px 10px;
  font-size: 19px;
  font-weight: bold;
  color: #fff;
  line-height: 1;
  text-align: center;
  letter-spacing: 2px;
  background: #B7A35E;
  border-radius: 30px;
}
/*a.goods_detail_btn::before {
  content: "\025b6";
  position: absolute;
  top: calc(50% - 3px);
  left: 25px;
  transform: translateY(-50%);
  margin: auto;
  width: 14px;
  height: 14px;
  font-size: 14px;
  color: #fff;
}*/
a.goods_detail_btn:hover {
  opacity: 0.7;
}
.goods_detail_btn2row {
  display: flex;
}
.goods_detail_btn2row a.goods_detail_btn {
  width: 100%;
  margin: 0 10px 0 0;
  padding: 7px 5px 9px;
  font-size: 14px;
  line-height: 1.3;
}
.goods_detail_btn2row a.goods_detail_btn:last-of-type {
  margin: 0;
}
.goods_detail_btn2row a.goods_detail_btn::before {
  left: 10px;
}
.goods_detail_namer {
  width: 110px;
  flex-shrink: 0;
}
.goods_detail_img {
  margin-top: 20px;
}
.goods_detail_line {
  margin-bottom: 40px;
}
.goods_detail_imgs {
  width: 100%;
  max-width: 450px;
}
.goods_detail_imgs img {
  margin-bottom: 15px;
}
.goods_detail_note {
  margin: 50px 0 0 20px;
}
.goods_detail_note a {
  text-decoration: underline;
}
.goods_detail_note a:hover {
  text-decoration: none;
}
.goods_price_to {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 320px;
  height: 43px;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  margin: 0 5px 20px;
  border: 3px solid #B39E5F;
  border-radius: 20px;
}
.goods_price_to span.goods_price_num {
  font-size: 20px;
}

a.goods_list_btn {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 350px;
    height: 60px;
    margin: 20px auto;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    line-height: 1;
    background: #B7A35E;
    border-radius: 30px;
}
a.goods_list_btn:after {
    position: absolute;
    content: "";
    right: 55px;
    top: -10px;
    bottom: 0;
    margin: auto;
    width: 14px;
    height: 14px;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
}
a.goods_list_btn:hover {
    opacity: .7;
}

@media screen and (min-width: 768px) {
  .goods_detail_btn2row {
    justify-content: space-between;
    width: 460px;
  }
}
@media screen and (max-width: 767px) {
  .goods_area {
    padding-bottom: calc(30 * (100vw / 750));
  }
  .goods_area h2 {
    padding: calc(10 * (100vw / 750)) 0 calc(15 * (100vw / 750));
    font-size: calc(45 * (100vw / 750));
    margin-bottom: 0;
  }
  .goods_area h2.ajust_h2_1 > span > span {
    line-height: 1.4;
    display: block;
  }
  .goods_area h2 .title_line {
    font-size: calc(40 * (100vw / 750));
  }
  .goods_area h2 .title_line:before, .goods_area h2 .title_line:after {
    width: calc(6 * (100vw / 750));
  }
  .goods_area h2 .title_line:before {
    transform: rotate(-35deg);
    left: calc(-110 * (100vw / 750));
  }
  .goods_area h2 .title_line:after {
    transform: rotate(35deg);
    right: calc(-110 * (100vw / 750));
  }
  .goods_txt {
    font-size: calc(32 * (100vw / 750));
    font-weight: 400;
    line-height: 1.7;
    text-align: left;
    margin: calc(20 * (100vw / 750)) 15px calc(40 * (100vw / 750));
  }
  .goods_detail {
    display: block;
    margin-top: 25px;
  }
  .goods_detail > a {
    display: block;
    width: calc(100% - calc(60 * (100vw / 750)));
    margin: 0 calc(30 * (100vw / 750)) calc(40 * (100vw / 750));
  }
  .goods_detail > a img {
    display: block;
    margin: auto;
  }
  .goods_detail_txt {
    width: auto;
    margin: 0 calc(40 * (100vw / 750));
  }
  .goods_detail_txt h3 {
    font-size: calc(36 * (100vw / 750));
    margin-bottom: calc(15 * (100vw / 750));
  }
  .goods_detail_txt h3:has(+ .goods_detail_price) {
    margin-bottom: calc(15 * (100vw / 750));
  }
  .goods_detail_txt h3 img {
    margin-bottom: 4px;
  }
  .goods_detail_txt p {
    font-size: calc(33 * (100vw / 750));
    font-weight: 400;
  }
  .goods_detail_name {
    width: 100%;
    flex-direction: column;
    margin: calc(40 * (100vw / 750)) auto calc(60 * (100vw / 750));
  }
  .goods_detail_name h4 {
    width: 100%;
    font-size: calc(36 * (100vw / 750));
    margin: calc(20 * (100vw / 750)) auto calc(30 * (100vw / 750));
    padding: 0;
    border-left: none;
  }
  .goods_detail_price {
    font-size: calc(40 * (100vw / 750));
  }
  .goods_detail_txt h3 + .goods_detail_price {
    margin-bottom: calc(15 * (100vw / 750));
  }
  .goods_detail_tax {
    font-size: calc(26 * (100vw / 750));
  }
  a.goods_detail_btn {
    width: 100%;
    margin: auto;
    padding: calc(25 * (100vw / 750));
    font-size: calc(38 * (100vw / 750));
  }
  a.goods_detail_btn::before {
    top: calc(50% - 4px);
    left: calc(45 * (100vw / 750));
    width: calc(28 * (100vw / 750));
    height: calc(28 * (100vw / 750));
    font-size: calc(28 * (100vw / 750));
  }
  .goods_detail_btn2row a.goods_detail_btn {
    margin: 0 calc(10 * (100vw / 750)) 0 0;
    font-size: calc(24 * (100vw / 750));
  }
  .goods_detail_namer {
    width: calc(178 * (100vw / 750));
  }
  .goods_detail_img {
    margin: calc(40 * (100vw / 750)) auto;
  }
  .goods_detail_line {
    margin-bottom: calc(20 * (100vw / 750));
    padding-bottom: calc(15 * (100vw / 750));
  }
  .goods_detail_imgs {
    width: calc(100% - calc(60 * (100vw / 750)));
    margin: 0 calc(30 * (100vw / 750));
  }
  .goods_detail_note {
    margin: calc(30 * (100vw / 750)) 0 calc(50 * (100vw / 750)) calc(50 * (100vw / 750));
  }
  .goods_price_to {
    height: 50px;
    margin-bottom: 30px;
    border-radius: 30px;
  }

a.goods_list_btn {
  width: 340px;
  margin-top: 10px;
  height: 50px;
  font-size: 18px;
}
a.goods_list_btn:after {
  right: 45px;
  top: -10px;
}
}

/* 横表示 reset */
.goods_area_inner {
  max-width: 1000px;
}
.row4_goods, .row3_goods {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.row4_goods .goods_detail_line {
  position: relative;
  width: 235px;
  margin-bottom: 80px;
  padding-bottom: 25px;
}
.row3_goods .goods_detail_line {
  position: relative;
  width: 320px;
  margin-bottom: 30px;
}
.row4_goods [class^="icon_rank0"] {
  display: table;
  margin: 0 auto 5px;
  font-size: 20px;
  font-weight: 600;
}
.row4_goods [class^="icon_rank0"] img {
  height: 19px;
  margin-right: 7px;
}
.row4_goods [class^="icon_rank0"] .icon_rank_num {
  font-size: 30px;
}
.icon_rank01 {
  color: #B7A35E;
}
.icon_rank01 img {
  filter: brightness(0) saturate(100%) invert(69%) sepia(38%) saturate(453%) hue-rotate(9deg) brightness(88%) contrast(86%);
}
.icon_rank02 {
  color: #979797;
}
.icon_rank02 img {
  filter: brightness(0) saturate(100%) invert(70%) sepia(0%) saturate(0%) hue-rotate(150deg) brightness(87%) contrast(86%);
}
.icon_rank03 {
  color: #C98A2A;
}
.icon_rank03 img {
  filter: brightness(0) saturate(100%) invert(59%) sepia(22%) saturate(1266%) hue-rotate(357deg) brightness(92%) contrast(98%);
}
.icon_rank04 {
  color: #474747;
}
.row4_goods .goods_detail, .row3_goods .goods_detail {
  display: block;
}
.row4_goods .goods_detail a img, .row3_goods .goods_detail a img {
  height: auto;
}
.row4_goods .goods_detail_txt, .row3_goods .goods_detail_txt {
  width: 100%;
  margin-left: 0;
}
.row4_goods .goods_detail_txt h3:has(+ .goods_detail_price), .row3_goods .goods_detail_txt h3:has(+ .goods_detail_price) {
  margin: 0 0 8px;
}
.row4_goods .goods_detail_price, .row3_goods .goods_detail_price {
  display: block;
  font-size: 20px;
  margin-bottom: 5px !important;
}
.row4_goods .goods_detail_tax, .row3_goods .goods_detail_tax {
  font-size: 14px;
}
.row4_goods .goods_detail_txt p {
  font-size: 14px;
}
.row3_goods .goods_detail_txt p {
  display: none;
}
.row4_goods a.goods_detail_btn, .row3_goods a.goods_detail_btn {
  position: absolute;
  bottom: 0;
  width: 100%;
  font-size: 16px;
  letter-spacing: 0;
}
.row3_goods a.goods_detail_btn {
  left: 50%;
  transform: translateX(-50%);
  width: 96%;
}
.row4_goods a.goods_detail_btn .goods_price_arrow, .row3_goods a.goods_detail_btn .goods_price_arrow {
  position: absolute;
  top: 35%;
  right: 10px;
  display: inline-block;
}
.goods_area h2 {
  padding: 18px 10px 17px !important;
  font-size: 30px;
  background: #E7DEA9;
  margin: 30px auto !important;
}
.goods_area h2 .title_line:before, .goods_area h2 .title_line:after {
  top: 10px;
  width: 2px;
  height: 1.2em;
}
.goods_area h3.price_heading {
  position: relative;
  width: 100%;
  padding: 4px 7px 1px;
  font-size: 20px;
  font-weight: bold !important;
  text-align: center;
  letter-spacing: 1px;
  background: #F9D3D4 !important;
  border: none;
  margin: 0 auto 30px !important;
}
.goods_area h3.price_heading span {
  font-size: 26px;
}
.row_goods_navi {
  display: flex;
  flex-wrap: wrap;
  padding: 20px 0 10px;
  justify-content: center;
}
.row_goods_navi .goods_price_to {
  position: relative;
  width: 320px;
  border: none;
  background-color: #F9D3D4;
}
.goods_area .campaign-benefits-btn {
  margin: 0 auto 40px;
  font-size: 16px;
  background-color: #F9D3D4;
  color: #333;
}
.goods_area .campaign-benefits-btn:after {
  border-bottom: 2px solid #333;
  border-right: 2px solid #333;
}
.row_goods_navi .goods_price_arrow {
  position: absolute;
  top: 20%;
  right: 10px;
  display: inline-block;
  transform: rotate(90deg);
}
@media screen and (max-width: 767px) {
  .row4_goods, .row3_goods {
    flex-wrap: wrap;
    width: 96%;
    margin: 0 auto 20px;
  }
  .row4_goods .goods_detail_line {
    width: 48%;
    margin-bottom: 20px;
    padding-bottom: 25px;
  }
  .row3_goods .goods_detail_line {
    position: relative;
    width: 48%;
    margin-bottom: 0;
    padding-bottom: 10px;
  }
  .row4_goods .goods_detail, .row3_goods .goods_detail {
    margin-top: 0;
  }
  .row4_goods .goods_detail > a, .row3_goods .goods_detail > a {
    width: 100%;
    margin: 0 0 calc(15 * (100vw / 750));
  }
  .row4_goods [class^="icon_rank0"] {
    margin: 0 auto 5px 0;
    font-size: 18px;
  }
  .row4_goods [class^="icon_rank0"] img {
    height: 16px;
    margin-right: 3px;
    vertical-align: baseline;
  }
  .row4_goods [class^="icon_rank0"] .icon_rank_num {
    font-size: 24px;
  }
  .row4_goods .goods_detail_txt, .row3_goods .goods_detail_txt {
    width: 100%;
    margin: 0;
  }
  .row4_goods .goods_detail_txt h3, .row3_goods .goods_detail_txt h3 {
    font-size: calc(28 * (100vw / 750));
  }
  .row4_goods .goods_detail_txt h3:has(+ .goods_detail_price), .row3_goods .goods_detail_txt h3:has(+ .goods_detail_price) {
    margin: 0 0 8px;
  }
  .row4_goods .goods_detail_price, .row3_goods .goods_detail_price {
    font-size: calc(32 * (100vw / 750));
  }
  .row4_goods .goods_detail_tax, .row3_goods .goods_detail_tax {
    font-size: calc(24 * (100vw / 750));
  }
  .row4_goods .goods_detail_txt p {
    font-size: calc(28 * (100vw / 750));
  }
  .row4_goods a.goods_detail_btn, .row3_goods a.goods_detail_btn {
    font-size: calc(28 * (100vw / 750));
  }
  .row3_goods a.goods_detail_btn {
    width: 100%;
  }
  .row4_goods a.goods_detail_btn .goods_price_arrow, .row3_goods a.goods_detail_btn .goods_price_arrow {
    top: 34%;
    right: 7px;
  }
  .goods_area h2 {
    padding: 7px 10px 9px;
  }
  .goods_area h2 .title_line {
    font-size: calc(48 * (100vw / 750));
  }
  .goods_area h2 .title_line:before, .goods_area h2 .title_line:after {
    top: 20%;
  }
  .goods_area h3.price_heading {
    padding: 8px 7px 6px;
    font-size: calc(28 * (100vw / 750));
    margin: 0 auto 45px;
  }
  .goods_area h3.price_heading span {
    font-size: calc(42 * (100vw / 750));
  }
  .row_goods_navi {
    flex-wrap: wrap;
    width: 96%;
    margin: -30px auto 0;
  }
  .row_goods_navi .goods_price_to {
    width: calc(340 * (100vw / 750));
    height: calc(64 * (100vw / 750));
    margin-bottom: 12px;
    font-size: calc(28 * (100vw / 750));
  }
  .row_goods_navi .goods_price_to span.goods_price_num {
    font-size: calc(40 * (100vw / 750));
  }
  .row_goods_navi .goods_price_arrow {
    top: 23%;
    right: 10px;
    font-size: calc(24 * (100vw / 750));
    font-weight: 400;
  }
  #goods_list {
    margin-bottom: 0;
  }
  #xmas img {
    height: auto;
  }
}