@charset "UTF-8";

/* 2024/09更新 NEMOTO */

/* INDEX ----------

\\ EC共通 //

\\ swiper共通 //

\\ 総合TOP //
総合TOP 共通
TOP メインスライダー
TOP 親カテゴリー カルーセル
TOP PICK UP おすすめから探す
TOP 新着 カルーセル

TOP ランキング TAB 疑似

ランキング TAB+カルーセル
TOP ロングセラー カルーセル

block-gift-search ギフトのご案内
TOP お知らせ
block-top-column コラム


\\ カテゴリーINDEX イベントINDEX //
block-h1-area
page_link btn_page_link(ページ内リンク)
block-h2-area h2
head-border  h3
カテゴリー カルーセル　.block-category-item

おすすめギフト TAB+カルーセル

ギフトシーンから探す　.search_gift_scene
商品の特徴から探す .search_features
ご予算から探す　.search_budget　TOPページのギフトのご案内と共有


ギフト・ラッピングサービス .godiva_gift_service


共通FOOTER pane-footer

------------------ */

/*------------------
\\ EC共通 //
------------------ */
/*:root {
  --bg_color_beige: #f4eee3;
  --bg_color_fadb81: #fadb81;
  --bg_color_pink: #ecb0ba;
  --bg_grade_gold: linear-gradient(180deg, #d5b04a, #dbb15e);
  --font-family-mincyo: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGS明朝E, メイリオ, Meiryo, serif;
  --font-family-gothic: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", YuGothic, "Yu Gothic Medium", "Yu Gothic", Meiryo, sans-serif;
}
*/
@media (prefers-reduced-motion: no-preference) {
  html:focus-within {
    scroll-behavior: smooth;
  }
}

/* もっと見るボタン */
.more-btn{
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 10px;
  cursor: pointer;
  text-align:center;
  position: relative;
}

.more-btn p.more-btn_p{
  padding: 10px ;
  font-size:18px;
  border: solid 1px #000;
  position: relative;
  border-radius: 24px;
  background-color: rgba(255, 255, 255, 0.6);
}

.more-btn p.more-btn_p::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  /* right: 27px; */
  width: 12px;
  height: 12px;
  margin: auto 0 auto 20px;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  transform: translateY(-2px) rotate(135deg);
  box-sizing: border-box;
}


/* 次のページへ遷移するボタン */
  .block-top-event--btn a {
    width: 260px;
    height: 50px;
    border: 1px solid #421f1b;
    border-radius: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 10px 50px;
    position: relative;
    background-color: #fff;
    text-decoration: none;
    font-size: 18px;
    background: #421f1b;
    color: #fff;
    font-weight: 600;
}

.block-top-event--btn a:after {
  content: '';
  width: 6px;
  height: 12px;
  background-image: url(../../img/usr/ui/arrow_white_right.svg);
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  background-size: contain;
  background-repeat: no-repeat;
}

@media (max-width: 767px) {
.block-top-event--btn a {
    margin: 0 auto 30px;
}
}

/*------------------
\\ swiper共通 //
------------------ */
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: 0;/*opacity: .15;*/
    cursor: auto;
    pointer-events: none;
}

.swiper-slide{
  height: auto !important;
}

.swiper-slide .block-thumbnail-t--goods-image .block-icon img,
.swiper-slide .block-ranking-r--goods-image .block-icon img{
  width: 90%;
}

/*@media only screen and (min-width: 769px)  and (max-width: 1199px) {
.swiper-slide .block-top-event--goods .block-icon{
    position: absolute;
    left: 2%;
    top: 9%!important;
    width: 98%;
}

.swiper-slide .block-ranking-r--goods-image .block-icon {
    position: absolute;
    left: 2%;
    top: 9%!important;
    width: 98%;
}
}*/

@media only screen and (max-width: 768px) {

/*.swiper-slide .block-ranking-r--goods-image .block-icon {
    top: 8%;
}

.swiper-slide .block-top-event--goods .block-icon {
    top: 11%;
}*/

.swiper-slide .block-thumbnail-t--goods-image .block-icon img,
.swiper-slide .block-ranking-r--goods-image .block-icon img{
  width: 100%;/*29%*/
}
}

@media screen and (min-width:768px) and ( max-width:1199px) {
.swiper-slide  .block-ranking-r--goods-image {
        margin-top: 5.5vw;
    }
}

@media (max-width: 767px) {
.swiper-slide  .block-ranking-r--goods-image {
        margin-top: 9vw;
    }
}

/* swiper共通 */

/*--------------------------------------------------------------

\\ 総合TOP //

--------------------------------------------------------------*/
/*------------------
総合TOP 共通
------------------ */
  .block-index--header{
    text-align:center;
    margin: 50px auto 0px;
    line-height:1.2;
  }

  .block-index--header span.title-main{
    font-size: 30px;
    font-family: var(--font-family-gothic);
    letter-spacing: initial;
    display: block;
    font-weight: 600;
  }

  .block-index--header span.title-sub{
    font-weight: normal;
    font-size: 18px;
    letter-spacing: 0.04em;
    font-feature-settings: "palt";
    display: block;
    margin-top:5px;
  }

  h2.block-top-event--header span:nth-child(1){
    font-size: 30px;
    font-family: var(--font-family-gothic);
    letter-spacing: initial;
    display: block;
    font-weight: 600;
  }

  h2.block-top-event--header span:nth-child(2){
    font-weight: normal;
    font-size: 18px;
    letter-spacing: 0.04em;
    font-feature-settings: "palt";
    display: block;
    margin-top:5px;
  }

  .wrap_1200{
    max-width:1200px;
    margin: 0 auto;
    padding: 0 0px;
  }

   @media only screen and (max-width: 767px) {
      .wrap_1200{
        padding: 0 10px;
      }
    }

/* 総合TOP 共通 */

/*------------------
TOP メインスライダー
------------------ */
.mainvisual .swiper-pagination{
      margin: 20px auto 0;
    height: 10px;
    left: 0;
    display: flex;
    justify-content: center;
    width: 100%;
    }

.mainvisual .swiper-pagination-bullet {
  background-color: #000;
  height: 10px;
  width: 10px;
  border-radius:100%;
  margin: 0 5px;
  opacity: .2;
}

.mainvisual .swiper-pagination-bullet-active {
  background: #230e02;
  opacity: 1;
}

/*------------------
TOP 親カテゴリー カルーセル
------------------ */
.block-parent-category-carousel{
    padding: 30px 0 30px;
  }

  /*.l-inner {
    position: relative;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    max-width: 720px;
    margin: 0 auto;
    padding: 0 10rem;
  }*/

  .l-inner {
    position: relative;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 3rem;
  }

  [class*=swiper]:focus {
    outline: none;
  }

  .slide-media {
    position: relative;
  }

  .card01 .swiper-slide {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }

  .card01 .slide {
    width: 177px;
  }

  .card01 .slide img {
    height:auto;
  }

  .card01 .slide-title {
    line-height: 1.6;
    margin: 5px 5px;
    font-size: 0.75rem;/*font-size: 0.75rem;*/
    text-align:center;
  }

  .card01 .swiper-button-next, .card01 .swiper-button-prev {
  position: absolute;
  z-index: 1;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  margin: auto;
  cursor: pointer;
}

.card01 .swiper-button-prev {
    right: calc(100% - 8rem);
  }

  .card01 .swiper-button-next {
    left: calc(100% - 8rem);
  }

  .card01 .swiper-button-prev:after {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    border-right: #230e02 2px solid;
    border-top: #230e02 2px solid;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
}

.card01 .swiper-button-next:after {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    border-right: #230e02 2px solid;
    border-top: #230e02 2px solid;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

  @media only screen and (max-width: 1024px) {
    .l-inner {
      padding: 0 2rem;
    }

    .card01 .swiper-button-prev {
    right: calc(100% - 0.8rem);
  }

  .card01 .swiper-button-next {
    left: calc(100% - 1.5rem);
  }

  .card01 .swiper-button-prev:after {
    width: 14px;
    height: 14px;
    border-right: #230e02 2px solid;
    border-top: #230e02 2px solid;
}

.card01 .swiper-button-next:after {
    width: 14px;
    height: 14px;
    border-right: #230e02 2px solid;
    border-top: #230e02 2px solid;
}
  }

  @media only screen and (max-width: 599px) {
    .card01 .slide {
      width: 140px;
    }
  }


/*------------------
TOP PICK UP おすすめから探す
------------------ */
.block-top-pickup--bnrArea-1{
    padding: 30px 0 0px;
  }

  ul.block-flexbox{
    display: flex;
    flex-wrap:wrap;
  }

  ul.block-flexbox li{
    width: calc((100% - 80px) / 4);
    margin: 0 10px 20px;
  }

  ul.block-flexbox li img{
    height:auto;
  }

  ul.block-flexbox li .title{
    font-size: 16px;
    line-height:1.4;
    padding: 5px 10px 10px;
    margin: auto 0 0;
   text-align:center;
  }

  .block-top-pickup--bnrArea-2 ul.block-flexbox li{
    width: calc((100% - 40px) / 2);
    margin: 0 10px 20px;
    /*border: 1px solid #d5af4a;*/
  }

  .block-top-pickup--bnrArea-2 ul.block-flexbox li .block-flexbox--inner{
    display:flex;
    align-items:center;
    background-color: #F4EEE3;
  }

  .block-top-pickup--bnrArea-2 ul.block-flexbox li .block-flexbox--inner .title{
    font-size: 18px;
    font-weight: 600;
    line-height: 1.8;
    padding: 0 10px;
    margin: 0 0;
    text-align:center;
    width: 60%;
  }

  .block-top-pickup--bnrArea-2 ul.block-flexbox li .block-flexbox--inner .title span{
    font-size: 14px;
    font-weight: 600;
    line-height:1.4;
    padding: 0 0;
    margin: 0 0 10px;
    text-align:center;
    display:block;
  }

  .block-top-pickup--bnrArea-2 ul.block-flexbox li .block-flexbox--inner img{
    width: 41%;
    height: auto;
    padding:0;
    margin:0;
  }

  @media only screen and (max-width: 767px) {
    ul.block-flexbox li{
    width: calc((100% - 28px) / 2);
    margin: 0 7px 14px;
  }

    ul.block-flexbox li .title{
      font-size:14px;
    }

  .block-top-pickup--bnrArea-2 ul.block-flexbox li{
    width: calc(100% - 14px) ;
    margin: 0 auto 14px;
  }

  .block-top-pickup--bnrArea-2 ul.block-flexbox li .block-flexbox--inner .title{
    font-size: 16px;
    line-height: 1.2;
  }

  .block-top-pickup--bnrArea-2 ul.block-flexbox li .block-flexbox--inner .title span{
    font-size: 14px;
    margin: 0 0 0px;
  }
  }


/*------------------
TOP 新着 カルーセル
------------------ */

.block-top-new-items{
    padding-top:30px;
  }

  .block-top-event--goods.new-items{
    max-inline-size: 1200px;
    margin: 30px auto;
    position: relative;
    padding: 0 10px;
  }

  .new-items .block-thumbnail-t li{
    justify-content: unset;
    flex-direction: unset;
    flex-wrap: unset;
    margin: 0 auto;
  }

  .new-items .block-thumbnail-t--goods-image figure {
    border: none;
    border-radius: 0;
}

  @media (max-width: 1199px) {
    .new-items .block-thumbnail-t li {
        padding: 0 0%;
    }
}


   /* ナビゲーションボタン */
.new-items .swiper-button-prev,
.new-items .swiper-button-next {
    display: grid;
    place-content: center;
    width: 60px;
    height: 60px;
    cursor: pointer;
    -webkit-transition: .8s cubic-bezier(.2, 1, .2, 1);
    transition: .8s cubic-bezier(.2, 1, .2, 1);
  }

  .new-items .swiper-button-prev::before,
  .new-items .swiper-button-next::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    border-radius: 50%;
  }

  .new-items .swiper-button-prev::after,
  .new-items .swiper-button-next::after {
    width: 1.2rem;
    height: 1.2rem;
    content: "";
    border: solid #ddd;
    border-width: 3px 3px 0 0;
  }
  .new-items .swiper-button-prev::after {
    margin-left: 0.4rem;
    -webkit-transform: rotate(-135deg);
            transform: rotate(-135deg);
  }
  .new-items .swiper-button-next::after {
    margin-right: 0.4rem;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }

  .new-items .swiper-button-prev,
  .new-items .swiper-button-next {
    position: absolute;
    z-index: 1;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    margin: auto;
  }

  .new-items .swiper-button-prev::before,
  .new-items .swiper-button-next::before {
    background-color: rgba(0, 0, 0, 0.3);
  }

  .new-items .swiper-button-prev::after,
  .new-items .swiper-button-next::after {
    border-color: #fff;
  }

  .new-items .swiper-button-next {
  right: -3.5rem;
  }

.new-items .swiper-button-prev {
    left: -3.5rem;
  }

   @media only screen and (max-width: 1333px) {
 .new-items .swiper-button-prev {
      right: calc(100% - 2rem);
      left:0;
    }
  .new-items .swiper-button-next {
      left: calc(100% - 2rem);
      right:0;
    }
    .new-items .swiper-button-prev,
    .new-items .swiper-button-next {
    width: 30px;
    height: 30px;
  }
  .new-items .swiper-button-prev::after,
  .new-items .swiper-button-next::after {
    width: .8rem;
    height: .8rem;
    content: "";
    border: solid #ddd;
    border-width: 2px 2px 0 0;
  }
  }

  @media only screen and (min-width: 1334px) {

    .new-items .swiper-button-prev::before,
    .new-items .swiper-button-next::before {
      -webkit-transition: .8s var(--easing);
      transition: .8s var(--easing);
    }
    .new-items .swiper-button-prev:hover::before,
    .new-items .swiper-button-next:hover::before {
      -webkit-transform: scale(1.2);
              transform: scale(1.2);
    }
  }

/*------------------
TOP ランキング TAB 疑似
------------------ */
.top_runking_tab__menu {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px 0 0;
/*下記を追加*/
  overflow-x: auto;
}

.top_runking_tab__menu .top_runking_tab_area{
  display: flex;
  justify-content: center;
}

@media (max-width: 599px){
.top_runking_tab__menu .top_runking_tab_area{
  display: flex;
  justify-content: flex-start;
}
}

.top_runking_tab__menu .top_runking_tab_area .tab__menu {
  font-size:16px;
  list-style: none;
  width: 200px;
  padding: 12px 5px;
  text-align: center;
  margin-right: 6px;
  background-color: #e4d3c4;
  color: #000;
  border-radius: 24px;
  transition: all .3s; /* アニメーション */
}

.top_runking_tab__menu .top_runking_tab_area a .tab__menu {
  margin-right: 6px;
}

.top_runking_tab__menu .top_runking_tab_area a .tab__menu:hover {
  background-color: #C20F2F;
  color: #fff;
  font-weight:600;
}

.top_runking_tab__menu .top_runking_tab_area a:hover {
  text-decoration:none;
}

.top_runking_tab__menu .top_runking_tab_area a .tab__menu :last-of-type {
  margin-right: 0px;
}

/* activeがついている時のスタイル */
.top_runking_tab__menu .top_runking_tab_area .tab__menu.active {
  background-color: #C20F2F;
  color: #fff;
  font-weight:600;
}

@media (max-width: 599px){
  .top_runking_tab__menu .top_runking_tab_area .tab__menu {
    min-width: 120px;
    width:auto;
  }
}

@media (max-width: 375px){
  .top_runking_tab__menu .top_runking_tab_area .tab__menu {
    min-width: 100px;
    width:auto;
  }
}

/*------------------
ランキング TAB+カルーセル
------------------ */
.block-ranking--goods{
  padding-top: 20px;/*padding-top: 30px;*/
  padding-bottom: 0;
}

/*.block-ranking--goods .block-thumbnail-t li{
    justify-content: unset;
    flex-direction: unset;
    flex-wrap: unset;
    margin: 0 auto;
  }*/

.tab__panel-box .block-thumbnail-t li{
    justify-content: unset;
    flex-direction: unset;
    flex-wrap: unset;
    margin: 0 auto;
  }

.tab__panel-box .block-top-event--goods .block-icon {
  position: absolute;
  left: 0%;
  top: -11%;
  width: 100%;
  display: flex;
}

  @media (max-width: 1199px) {
    .tab__panel-box .block-thumbnail-t li {
        padding: 2% 0%;
    }

    .tab__panel-box .block-top-event--goods .block-icon {
  top: 0%;
}
}

   /* ナビゲーションボタン */
.block-ranking--goods .swiper-button-prev,
.block-ranking--goods .swiper-button-next {
    display: grid;
    place-content: center;
    width: 60px;
    height: 60px;
    cursor: pointer;
    -webkit-transition: .8s cubic-bezier(.2, 1, .2, 1);
    transition: .8s cubic-bezier(.2, 1, .2, 1);
  }

  .block-ranking--goods .swiper-button-prev::before,
  .block-ranking--goods .swiper-button-next::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    border-radius: 50%;
  }

  .block-ranking--goods .swiper-button-prev::after,
  .block-ranking--goods .swiper-button-next::after {
    width: 1.2rem;
    height: 1.2rem;
    content: "";
    border: solid #ddd;
    border-width: 3px 3px 0 0;
  }
  .block-ranking--goods .swiper-button-prev::after {
    margin-left: 0.4rem;
    -webkit-transform: rotate(-135deg);
            transform: rotate(-135deg);
  }
  .block-ranking--goods .swiper-button-next::after {
    margin-right: 0.4rem;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }

  .block-ranking--goods .swiper-button-prev,
  .block-ranking--goods .swiper-button-next {
    position: absolute;
    z-index: 1;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    margin: auto;
  }

  .block-ranking--goods .swiper-button-prev::before,
  .block-ranking--goods .swiper-button-next::before{
    background-color: rgba(0, 0, 0, 0.3);
  }

  .block-ranking--goods .swiper-button-prev::after,
  .block-ranking--goods .swiper-button-next::after {
    border-color: #fff;
  }

  .block-ranking--goods .swiper-button-next {
  right: -3.5rem;
  }

.block-ranking--goods .swiper-button-prev {
    left: -3.5rem;
  }

   @media only screen and (max-width: 1333px) {
 .block-ranking--goods .swiper-button-prev {
      right: calc(100% - 2rem);
      left:0;
    }
  .block-ranking--goods .swiper-button-next {
      left: calc(100% - 2rem);
      right:0;
    }
    .block-ranking--goods .swiper-button-prev,
    .block-ranking--goods .swiper-button-next {
    width: 30px;
    height: 30px;
  }
  .block-ranking--goods .swiper-button-prev::after,
  .block-ranking--goods .swiper-button-next::after{
    width: .8rem;
    height: .8rem;
    content: "";
    border: solid #ddd;
    border-width: 2px 2px 0 0;
  }
  }

  @media only screen and (min-width: 1334px) {

    .block-ranking--goods .swiper-button-prev::before,
    .block-ranking--goods .swiper-button-next::before{
      -webkit-transition: .8s var(--easing);
      transition: .8s var(--easing);
    }
    .block-ranking--goods .swiper-button-prev:hover::before,
    .block-ranking--goods .swiper-button-next:hover::before{
      -webkit-transform: scale(1.2);
              transform: scale(1.2);
    }
  }
  /* ナビゲーションボタン */


/* タブメニュー */
  .block-recommended--gifts .tab,
  .block-ranking--goods .tab {
  max-width: 1200px;
  margin: 30px auto;
}

.block-recommended--gifts .tab__menu,
.block-ranking--goods .tab__menu{
  overflow-x: auto;
  scrollbar-width: thin;
  scrollbar-color: #cbb39f #fff;
  position:relative;
  /*-ms-overflow-style: none;
  scrollbar-width: none;*/
}

.block-recommended--gifts .tab_area,
.block-ranking--goods .tab_area {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  min-height: 50px;
  padding: 0 0 0;
  margin: 0;
  /*width: 1200px;*/
  max-width: 1200px;
  border-bottom: 1px solid #C20F2F;
  position:relative;
}

.tab__menu-item {
  font-size:16px;
  list-style: none;
  width: 200px;
  padding: 8px 5px; /* メニューに高さを付ける */
  text-align: center;
  margin-right: 6px;
  background-color: #e4d3c4;
  color: #000;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  cursor: pointer;
  transition: all .3s; /* アニメーション */
}

.tab__menu-item:last-of-type {
  margin-right: 0px;
}

/* is-activeがついている時のスタイル */
.tab__menu-item.is-active {
  background-color: #C20F2F;
  color: #fff;
  font-weight:600;
  padding: 12px 5px;
}



@media only screen and (max-width: 1199px) {
    .block-recommended--gifts .tab{
      margin: 0px auto;
    }

    .block-ranking--goods .tab {
      margin: 30px auto;
    }

  .block-recommended--gifts .tab_area,
  .block-ranking--goods .tab_area {
    padding: 0 0 4px 10px;
  }
}

@media only screen and (max-width: 559px) {
  .block-recommended--gifts .tab_area,
  .block-ranking--goods .tab_area {
  justify-content: flex-start;
}
  .tab__menu-item {
    width: auto;
    min-width: 110px;
  }
}

/* タブパネル */
.tab__panel {
 width: 100%;
}

.tab__panel-box {
  min-height: 400px;
  padding: 10px 10px;
  position: relative;
}

.tab__panel-box h3{
  text-align:center;
  font-weight:600;
  margin: 24px 0;
}

.tab__panel-box .block-top-event--btn a {
    width: 270px;
    height: 50px;
    border: 1px solid #C20F2F;
    border-radius: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 50px;
    position: relative;
    background-color: #fff;
    text-decoration: none;
    font-size: 18px;
    background: #C20F2F;
    color: #fff;
    font-weight: 600;
    border-radius: 24px;
}

.tab__panel-box .block-top-event--btn a:after {
    content: '';
    width: 6px;
    height: 12px;
    background-image: url(../../img/usr/ui/arrow_white_right.svg);
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    background-size: contain;
    background-repeat: no-repeat;
}

/*削除
.tab__panel-box001,
.tab__panel-box002,
.tab__panel-box003,
.tab__panel-box004,
.tab__panel-box005,
.tab__panel-box006{
  display: none;
}*/

.tab__panel-box {
display: none;
}

/* is-showがついている時のスタイル */
.tab__panel-box.is-show {
  display: block;
}


/*ランキングアイコン*/
.swiper .block-ranking-r--goods .block-ranking-r--rank-1 img,
.swiper .block-ranking-r--goods .block-ranking-r--rank-2 img,
.swiper .block-ranking-r--goods .block-ranking-r--rank-3 img,
.swiper .block-ranking-r--goods .block-ranking-r--rank-4 img,
.swiper .block-ranking-r--goods .block-ranking-r--rank-5 img {
    width: auto;
    height: 30px;
    margin-top: 0;
}

@media (max-width: 1199px) {
.swiper .block-ranking-r--goods .block-ranking-r--rank {
        height: 30px;
        margin-bottom: 0.4em;
    }
}

/*------------------
TOP ロングセラー カルーセル
------------------ */
.block-top-event--goods.long_seller-items{
    max-inline-size: 1200px;
    margin: 30px auto;
    position: relative;
    padding: 0 10px;
  }

  .long_seller-items .block-thumbnail-t li{
    justify-content: unset;
    flex-direction: unset;
    flex-wrap: unset;
    margin: 0 auto;
  }

  .long_seller-items .block-thumbnail-t--goods-image figure {
    border: none;
    border-radius: 0;
}

  @media (max-width: 1199px) {
    .long_seller-items .block-thumbnail-t li {
        padding: 0 0%;
    }
}


   /* ナビゲーションボタン */
.long_seller-items .swiper-button-prev,
.long_seller-items .swiper-button-next {
    display: grid;
    place-content: center;
    width: 60px;
    height: 60px;
    cursor: pointer;
    -webkit-transition: .8s cubic-bezier(.2, 1, .2, 1);
    transition: .8s cubic-bezier(.2, 1, .2, 1);
  }

  .long_seller-items .swiper-button-prev::before,
  .long_seller-items .swiper-button-next::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    border-radius: 50%;
  }

  .long_seller-items .swiper-button-prev::after,
  .long_seller-items .swiper-button-next::after {
    width: 1.2rem;
    height: 1.2rem;
    content: "";
    border: solid #ddd;
    border-width: 3px 3px 0 0;
  }
  .long_seller-items .swiper-button-prev::after {
    margin-left: 0.4rem;
    -webkit-transform: rotate(-135deg);
            transform: rotate(-135deg);
  }
  .long_seller-items .swiper-button-next::after {
    margin-right: 0.4rem;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }

  .long_seller-items .swiper-button-prev,
  .long_seller-items .swiper-button-next {
    position: absolute;
    z-index: 1;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    margin: auto;
  }

  .long_seller-items .swiper-button-prev::before,
  .long_seller-items .swiper-button-next::before {
    background-color: rgba(0, 0, 0, 0.3);
  }

  .long_seller-items .swiper-button-prev::after,
  .long_seller-items .swiper-button-next::after {
    border-color: #fff;
  }

  .long_seller-items .swiper-button-next {
  right: -3.5rem;
  }

.long_seller-items .swiper-button-prev {
    left: -3.5rem;
  }

   @media only screen and (max-width: 1333px) {
 .long_seller-items .swiper-button-prev {
      right: calc(100% - 2rem);
      left:0;
    }
  .long_seller-items .swiper-button-next {
      left: calc(100% - 2rem);
      right:0;
    }
    .long_seller-items .swiper-button-prev,
    .long_seller-items .swiper-button-next {
    width: 30px;
    height: 30px;
  }
  .long_seller-items .swiper-button-prev::after,
  .long_seller-items .swiper-button-next::after {
    width: .8rem;
    height: .8rem;
    content: "";
    border: solid #ddd;
    border-width: 2px 2px 0 0;
  }
  }

  @media only screen and (min-width: 1334px) {

    .long_seller-items .swiper-button-prev::before,
    .long_seller-items .swiper-button-next::before {
      -webkit-transition: .8s var(--easing);
      transition: .8s var(--easing);
    }
    .long_seller-items .swiper-button-prev:hover::before,
    .long_seller-items .swiper-button-next:hover::before {
      -webkit-transform: scale(1.2);
              transform: scale(1.2);
    }
  }

/*------------------
block-gift-search ギフトのご案内
------------------ */
.block-gift-search {
    padding: 20px 0;
 }

  .block_of_purpose h3,
  .block_of_features h3,
  .search_budget h3{
    font-size:18px;
    font-weight:600;
    margin: 20px 0;
    text-align:center;
  }

  .block_of_purpose .list,
  .block_of_features .list{
    display:flex;
    flex-wrap:wrap;
    justify-content: center;
  }

.block_of_purpose{
    padding: 20px 0;
  }

  .block_of_features{
    padding: 0 0 20px;
  }

  .list__item_6 {
  width: calc((100% - 60px) / 6);
  margin: 0 5px 20px;
  padding: .5rem .5rem .5rem;
  position: relative;
  display: flex;
  flex-direction: column;
  text-align:center;
}

.block_of_purpose .list__item_6 a,
.block_of_features .list__item_6 a {
  top:0;
  left:0;
  width:100%;
  height:100%;
}

.block_of_purpose h4,
.block_of_features h4{
    font-size:16px;
    font-weight:400;
    margin: 10px 0;
  }


 .block-gift-search .search_budget .list{
  padding: 0px 0 30px;
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .list__item_6 {
  width: calc((100% - 60px) / 4);
  margin: 0 5px 20px;
}
}

@media only screen and (max-width: 767px) {
  .list__item_6 {
  width: calc((100% - 20px) / 2);
  margin: 0 5px 20px;
}
}


/*------------------
TOP お知らせ
------------------ */
.block-top-topic {
    position: relative;
    background-color: #fff;
    padding: 30px 0;
}

    .block-top-topic .block-top-topic--body {
    border-bottom: 1px solid #ddd;
    margin: 0 auto;
    max-width: 900px;
    }

    .block-top-topic .block-top-topic--body.first {
    border-top: 1px solid #ddd!important;
    margin-top: 20px;
  }

  .block-top-topic--items li {
    padding: 15px 0!important;
    text-align: center;
    border-bottom: none;
    font-size: 14px!important;
  }

  @media only screen and (max-width: 767px) {
    .block-top-topic--items li {
    text-align: left;
  }
  }

/*------------------
block-top-column コラム
------------------ */
.block-top-column{
    padding: 20px 0 50px;
  }

  .block-top-column_inner{
    padding: 10px 0 0px;
    margin: 0 auto;
    max-width: 980px;
  }

  .block-top-column ul.block-flexbox li{
    width: calc((100% - 40px) / 2);
    margin: 0 10px 20px;
    border: 1px solid #d5af4a;/**/
  }

  .block-top-column ul.block-flexbox li .block-flexbox--inner{
    display:flex;
    align-items:center;
    background-color: #fff;
  }

  .block-top-column ul.block-flexbox li .block-flexbox--inner .title{
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    padding: 0 10px;
    margin: 0 0;
    text-align:center;
    width: 70%;
  }

  .block-top-column ul.block-flexbox li .block-flexbox--inner img{
    width: 31%;
    height: auto;
    padding:0;
    margin:0;
  }

  @media only screen and (max-width: 767px) {

  .block-top-column ul.block-flexbox li{
    width: calc(100% - 14px) ;
    margin: 0 auto 14px;
  }

   .block-top-column ul.block-flexbox li .block-flexbox--inner .title{
    font-size: 16px;
    line-height: 1.2;
  }
  }


/*--------------------------------------------------------------

\\ カテゴリーINDEX イベントINDEX //

--------------------------------------------------------------*/

.block-h1-area{
  padding: 30px;
  text-align:center;
  background-color: var(--bg_color_beige);
  border-top: solid 1px #ddd;
  border-bottom: solid 1px #ddd;
}

.block-h1-area h1{
  font-size: 32px;
  font-family: var(--font-family-mincyo);
  margin:10px 0;
  font-weight: 600;
}

.block-h1-area p{
  font-size:14px;
}

/*------------------
page_link btn_page_link(ページ内リンク)
------------------*/

.page_link{
  padding:30px 0 ;
}

.btn_page_link {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
}

@media (max-width: 767px){
.page_link{
  padding:10px 0 20px 0;
}
}

/*.btn_page_link li {
  min-width: 230px;
    border: solid 1px #202721;
    background:#fff;
    color:#000;
    border-radius:60px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position:relative;
    font-size: 16px;
    letter-spacing: 0.05em;
    padding: 13px 10px 13px 0;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}*/

.btn_page_link li {
  min-width: 230px;
    background:#FADB81;
    color:#000;
    border-radius:30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position:relative;
    font-size: 16px;
    letter-spacing: 0.05em;
    padding: 13px 10px 13px 0;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}


.btn_page_link li:after {
    content: "";
    width: 10px;
    height: 10px;
    border-left: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    position: absolute;
    right: 10px;
    top: -5px;
    bottom: 0px;
    margin: auto;
    -webkit-transform: rotate(-315deg);
    transform: rotate(315deg);
}

.btn_page_link a:hover{
  text-decoration:none!important;
}

.btn_page_link li:hover{
  background:#421f1b;
    color:#fff;
}

@media (max-width: 767px){
.btn_page_link a {
    width: calc((100% - 20px) / 2);/**/
    font-size: 16px;
    display:flex;
}

.btn_page_link li {
        width: 100%!important;
        font-size: 15px;
        padding: 5px 10px 5px;
        text-align: center;
        min-width:auto;
        line-height:1.4;
        min-height: 54px;
    }
}

/*--------------------------------------------------------------
block-h2-area h2
--------------------------------------------------------------*/
.block-h2-area{
  padding: 20px;
  text-align:center;
  background-color: var(--bg_color_fadb81);
}

.block-h2-area h2{
  font-size:26px;
  margin:0;
  font-family: var(--font-family-mincyo);
  font-weight:600;
}

/*バレンタイン ピンク帯*/
.block-h2-area_pink{
  padding: 20px;
  text-align:center;
  background-color: var(--bg_color_pink);
}

.block-h2-area_pink h2{
  font-size:26px;
  margin:0;
  font-family: var(--font-family-mincyo);
  font-weight:600;
}
.bg_color_pink {
    background-color: #fed2d2;
}

/*--------------------------------------------------------------
head-border  h3
--------------------------------------------------------------*/
.head-border {
    display: flex;
    align-items: center;
}

.head-border:before,
.head-border:after {
    content: "";
    height: 1px;
    flex-grow: 1;
    background-color: #666;
}

.head-border:before {
    margin-right: 1rem;
}

.head-border:after {
    margin-left: 1rem;
}

.head-border h3{
  text-align:center;
}

.head-border h3 span.en{
  font-size:30px;
  font-weight:600;
  font-family: var(--font-family-gothic);
}
.head-border h3 span.ja{
  font-size:22px;
  font-weight:600;
}

/*--------------------------------------------------------------
カテゴリー カルーセル　.block-category-item
-------------------------------------------------------------- */
.block-category-items{
    padding-top:30px;
  }

  .block-top-event--goods.category-items{
    max-inline-size: 1200px;
    margin: 30px auto;
    position: relative;
    padding: 0 10px;
  }

  .category-items .block-thumbnail-t li{
    justify-content: unset;
    flex-direction: unset;
    flex-wrap: unset;
    margin: 0 auto;
  }

  .category-items .block-thumbnail-t--goods-image figure {
    border: none;
    border-radius: 0;
}

  @media (max-width: 1199px) {
    .category-items .block-thumbnail-t li {
        padding: 0 0%;
    }
}


   /* ナビゲーションボタン */
.category-items .swiper-button-prev,
.category-items .swiper-button-next {
    display: grid;
    place-content: center;
    width: 60px;
    height: 60px;
    cursor: pointer;
    -webkit-transition: .8s cubic-bezier(.2, 1, .2, 1);
    transition: .8s cubic-bezier(.2, 1, .2, 1);
  }

  .category-items .swiper-button-prev::before,
  .category-items .swiper-button-next::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    border-radius: 50%;
  }

  .category-items .swiper-button-prev::after,
  .category-items .swiper-button-next::after {
    width: 1.2rem;
    height: 1.2rem;
    content: "";
    border: solid #ddd;
    border-width: 3px 3px 0 0;
  }
  .category-items .swiper-button-prev::after {
    margin-left: 0.4rem;
    -webkit-transform: rotate(-135deg);
            transform: rotate(-135deg);
  }
  .category-items .swiper-button-next::after {
    margin-right: 0.4rem;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }

  .category-items .swiper-button-prev,
  .category-items .swiper-button-next {
    position: absolute;
    z-index: 1;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    margin: auto;
  }

  .category-items .swiper-button-prev::before,
  .category-items .swiper-button-next::before {
    background-color: rgba(0, 0, 0, 0.3);
  }

  .category-items .swiper-button-prev::after,
  .category-items .swiper-button-next::after {
    border-color: #fff;
  }

  .category-items .swiper-button-next {
  right: -3.5rem;
  }

.category-items .swiper-button-prev {
    left: -3.5rem;
  }

   @media only screen and (max-width: 1333px) {
 .category-items .swiper-button-prev {
      right: calc(100% - 2rem);
      left:0;
    }
  .category-items .swiper-button-next {
      left: calc(100% - 2rem);
      right:0;
    }
    .category-items .swiper-button-prev,
    .category-items .swiper-button-next {
    width: 30px;
    height: 30px;
  }
  .category-items .swiper-button-prev::after,
  .category-items .swiper-button-next::after {
    width: .8rem;
    height: .8rem;
    content: "";
    border: solid #ddd;
    border-width: 2px 2px 0 0;
  }
  }

  @media only screen and (min-width: 1334px) {

    .category-items .swiper-button-prev::before,
    .category-items .swiper-button-next::before {
      -webkit-transition: .8s var(--easing);
      transition: .8s var(--easing);
    }
    .category-items .swiper-button-prev:hover::before,
    .category-items .swiper-button-next:hover::before {
      -webkit-transform: scale(1.2);
              transform: scale(1.2);
    }
  }

/*--------------------------------------------------------------

ギフトシーンから探す　.search_gift_scene

商品の特徴から探す .search_features

--------------------------------------------------------------*/

.search_features{
  background: var(--bg_grade_gold);
}

.search_gift_scene .list,
.search_features .list{
  width: 100%;
  margin: 0 auto 0;
  padding: 30px 0 50px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.search_gift_scene .list__item_4,
.search_features .list__item_4 {
  width: calc((100% - 30px) / 4);
  height: 100px;
  margin: 0;
  padding: 1em 1em 1em;
  position: relative;
  color: #411e1b;
  font-weight: bold;
}

.search_gift_scene .list__item_4 a,
.search_features .list__item_4 a{
  color: #411e1b;
  text-decoration: none!important;
}

.search_gift_scene .occasion{
  background: #fff;
    padding: .5em 1em .5em 0;
    border: solid 1px #411e1b;
    outline: solid 2px #411e1b;
    outline-offset: 1px;
    line-height: 1.4;
    font-size: 16px;
    text-align: center;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 5px;
}

.search_features .occasion{
  background: #fff;
    padding: .5em 1em .5em 0;
    border: solid 2px #411e1b;
    outline: solid 3px #fff;
    line-height: 1.4;
    font-size: 16px;
    text-align: center;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 5px;
}


.search_gift_scene .occasion span,
.search_features .occasion span{
  display:block;
  font-size: 80%;
  margin-top: 2px;
}


.search_gift_scene .occasion:hover{
  background: rgba(250, 219, 129, .2);
  text-decoration: none!important;
}

.search_features .occasion:hover{
  background: rgba(255, 255, 255, .7);
  text-decoration: none!important;
}

.search_gift_scene .occasion::after,
.search_features .occasion::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 2em;
  content: '';
  border: 7px solid transparent;
  border-top-width: 5px;
  border-bottom-width: 5px;
  border-left-color: #411e1b;
  transition: all .2s;
}

.search_gift_scene .occasion:hover::after,
.search_features .occasion:hover::after {
  right: 1.5em;
}

.search_gift_scene .occasion_sbsc::after,
.search_features .occasion_sbsc::after {
  position: absolute;
  top: 50%;
  right: 2em;
  content: '';
  margin-top: -13px;
  border: 7px solid transparent;
  border-top-width: 5px;
  border-bottom-width: 5px;
  border-left-color: #411e1b;
  transition: all .2s;
}
.search_gift_scene .occasion_sbsc:hover::after,
.search_features .occasion_sbsc:hover::after {
  right: 1.5em;
}
@media (max-width: 768px) {
.search_gift_scene .list__item_4,
.search_features .list__item_4 {
  width: calc((100% - 1px) / 3);
  margin-bottom: 0;
  padding: .5em .5em .5em; 
}
}

@media (max-width: 640px) {
.search_gift_scene .list__item_4,
.search_features .list__item_4{
  width: calc((100% - 1px) / 2);
  margin-bottom: 0;
  padding: .5em .5em .5em;
}
.search_gift_scene .occasion::after,
.search_features .occasion::after {
  right: .7em;
}
.search_gift_scene .occasion:hover::after,
.search_features .occasion:hover::after {
  right: .5em;
}
}

@media (max-width: 380px) {
.search_gift_scene .occasion,
.search_features .occasion{
    font-size: 16px;/**/
    letter-spacing: -.05em;
  }
}

@media (max-width: 320px) {
}


/*--------------------------------------------------------------
ご予算から探す　.search_budget　TOPページのギフトのご案内と共有
-------------------------------------------------------------- */
.search_budget{
  text-align: center;
  width: 100%;
  margin: auto;
  padding: 0;
}

.search_budget .list{
  max-width: 850px;
  margin: 0 auto;
  padding: 30px 0 50px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.search_budget .list__item_3{
  width: calc((100% - 30px) / 3);
  min-height: 30px;
  margin: 0;
  padding: 1rem .5rem 1rem;
  position: relative; 
}

.search_budget .pricerange{
    background: #231815;
    padding: 1rem 1rem 1rem 0;
    color: #fff;
    font-size: 18px;
     border: solid 2px #fff;
     outline: solid 3px #231815;
     border-radius: 50px;
}

.search_budget .list__item_3 a{
    text-decoration: none!important;
}

.search_budget .list__item_3:hover{
  text-decoration: none!important;
}

.search_budget .pricerange::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 2em;
  content: '';
  border: 7px solid transparent;
  border-top-width: 5px;
  border-bottom-width: 5px;
  border-left-color: #fff;
  transition: all .2s;
}

.search_budget .pricerange:hover{
  background: rgba(35, 24, 21, .7);
}

.search_budget .pricerange:hover::after {
  right: 1.5em;
}

@media (max-width: 640px) {
.search_budget .wrap__{
  width: 100%;
}

.search_budget .list__item_3{
  width: calc((100% - 1px) / 2);
  min-height: 20px;
  margin-bottom: 20px;
  padding: .5rem .5rem .5rem;  
}

.search_budget .pricerange::after {
  right: .7em;
}
.search_budget .pricerange:hover::after {
  right: .5em;
}

}

@media only screen and (max-width: 376px) {
  .search_budget .pricerange {
        font-size: 16px;
  }
}


/*------------------
おすすめギフト TAB+カルーセル
------------------ */
.block-recommended--gifts{
  padding-top: 30px;
  padding-bottom: 0;
}

  .block-recommended--gifts .block-thumbnail-t li{
    justify-content: unset;
    flex-direction: unset;
    flex-wrap: unset;
    margin: 0 auto;
  }

  @media (max-width: 1199px) {
    .block-recommended--gifts .block-thumbnail-t li {
        padding: 0 0%;
    }
}

   /* ナビゲーションボタン */
.block-recommended--gifts .swiper-button-prev,
.block-recommended--gifts .swiper-button-next {
    display: grid;
    place-content: center;
    width: 60px;
    height: 60px;
    cursor: pointer;
    -webkit-transition: .8s cubic-bezier(.2, 1, .2, 1);
    transition: .8s cubic-bezier(.2, 1, .2, 1);
  }

  .block-recommended--gifts .swiper-button-prev::before,
  .block-recommended--gifts .swiper-button-next::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    border-radius: 50%;
  }

  .block-recommended--gifts .swiper-button-prev::after,
  .block-recommended--gifts .swiper-button-next::after {
    width: 1.2rem;
    height: 1.2rem;
    content: "";
    border: solid #ddd;
    border-width: 3px 3px 0 0;
  }
  .block-recommended--gifts .swiper-button-prev::after {
    margin-left: 0.4rem;
    -webkit-transform: rotate(-135deg);
            transform: rotate(-135deg);
  }
  .block-recommended--gifts .swiper-button-next::after {
    margin-right: 0.4rem;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }

  .block-recommended--gifts .swiper-button-prev,
  .block-recommended--gifts .swiper-button-next {
    position: absolute;
    z-index: 1;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    margin: auto;
  }

  .block-recommended--gifts .swiper-button-prev::before,
  .block-recommended--gifts .swiper-button-next::before{
    background-color: rgba(0, 0, 0, 0.3);
  }

  .block-recommended--gifts .swiper-button-prev::after,
  .block-recommended--gifts .swiper-button-next::after {
    border-color: #fff;
  }

  .block-recommended--gifts .swiper-button-next {
  right: -3.5rem;
  }

.block-recommended--gifts .swiper-button-prev {
    left: -3.5rem;
  }

   @media only screen and (max-width: 1333px) {
 .block-recommended--gifts .swiper-button-prev {
      right: calc(100% - 2rem);
      left:0;
    }
  .block-recommended--gifts .swiper-button-next {
      left: calc(100% - 2rem);
      right:0;
    }
    .block-recommended--gifts .swiper-button-prev,
    .block-recommended--gifts .swiper-button-next {
    width: 30px;
    height: 30px;
  }
  .block-recommended--gifts .swiper-button-prev::after,
  .block-recommended--gifts .swiper-button-next::after{
    width: .8rem;
    height: .8rem;
    content: "";
    border: solid #ddd;
    border-width: 2px 2px 0 0;
  }
  }

  @media only screen and (min-width: 1334px) {

    .block-recommended--gifts .swiper-button-prev::before,
    .block-recommended--gifts .swiper-button-next::before{
      -webkit-transition: .8s var(--easing);
      transition: .8s var(--easing);
    }
    .block-recommended--gifts .swiper-button-prev:hover::before,
    .block-recommended--gifts .swiper-button-next:hover::before{
      -webkit-transform: scale(1.2);
              transform: scale(1.2);
    }
  }
  /* ナビゲーションボタン */


/* タブパネル */

/* 削除
.tab__panel-box007,
.tab__panel-box008,
.tab__panel-box009,
.tab__panel-box010,
.tab__panel-box011,
.tab__panel-box012{
  display: none;
}*/


/*------------------
event ランキング
------------------ */
#search_runking.block-ranking--goods{
  padding-top: 0px;
  padding-bottom: 0;
}

/*------------------
ギフト・ラッピングサービス .godiva_gift_service
 ------------------*/

.godiva_gift_service{
  background-color:#fff;
  padding:0px 0 50px;
}

/* カテゴリー説明 */
.cate_lead{
  max-width:768px;
  padding:10px 10px;
  margin:20px auto;
  border: dotted 2px #ad6a34;
  background-color:#fdf6f6;
}
.cate_lead p{
  font-size:14px;
  line-height:1.6;
  text-align:center;
}

@media screen and (max-width:767px) {
.cate_lead p{
  text-align:left;
}
}

.godiva_gift_service p{
  font-size:14px;
  line-height:1.6;
}

.godiva_gift_service_lead{
  max-width:768px;
  padding:10px 20px;
  margin:20px auto;
}

.godiva_gift_service_lead p{
  font-size:16px;
  line-height:1.6;
  text-align:center;
}

.godiva_gift_service p.notice_mt10{
  font-size:80%;
  margin-top:10px;
}

.godiva_gift_service_list{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  max-width:768px;
  margin:0 auto 10px;
  padding: 0 10px;
}

.godiva_gift_service_list h3{
  text-align:center;
  font-weight:600;
  font-family: var(--font-family-mincyo);
  font-size: 20px;
}

.godiva_gift_service_list .service{
  width: calc((100% - 80px) / 2);
  margin: 0 20px 20px;
  display:flex;
  flex-direction:column;
}

.godiva_gift_service_list .service .guide,
.godiva_gift_service_list .message_card .guide{
  flex-grow: 1;
  padding: 10px 10px;
}

.godiva_gift_service_list .service .guide h4,
.godiva_gift_service_list .message_card .guide h4{
  padding:10px 0 5px;
  font-weight: 600;
}

.godiva_gift_service_list .message_card{
  width: calc((100% - 20px) );
  margin: 0 20px 20px;
  display:flex;
  flex-direction:column;
}

.godiva_gift_service_list .service_bag .flex_box{
  width: calc((100% - 20px) );
  margin: 0 20px 20px;
  display:flex;
  align-items:center;
}

.godiva_gift_service_list .service_bag img{
  width:50%;
}

.godiva_gift_service_list .service_bag h4{
  background-color:#897516;
  color:#fff;
  padding:10px 10px;
  border-radius:60px;
  font-size:14px;
  font-weight:400;
  margin:10px auto 10px;
  text-align:center;
}

.godiva_gift_service_list .message_card .img_2{
  display:flex;
}

.godiva_gift_service_list .message_card .img_2 img{
  width:50%;
  height:auto;
}

.noshi_manner{
  border: solid 1px #9B851B;
  padding:20px 20px;
  max-width:768px;
  margin: 10px auto 50px;
}

.noshi_manner h2 {
    font-size: 2rem;
    margin: 0 0 40px;
    font-weight:400;
    text-align: center;
    position: relative;
}

.noshi_manner h2:after {
    content: "";
    width: 100px;
    height: 3px;
    background: #9B851B;
    position: absolute;
    bottom: -15px;
    left: 0;
    right: 0;
    margin: auto;
}

.noshi_manner h3.h3_noshi_manner{
    font-size: 1.4rem;
    margin: 0 0 30px;
    text-align: center;
    position: relative;
    font-weight: 600;
    font-family: var(--font-family-mincyo);
}

.gift_manner_guide h3.h3_noshi_manner {
    font-size: 1.4rem;
    margin: 20px 0 30px;
    text-align: center;
    position: relative;
    font-weight: 600;
    font-family: var(--font-family-mincyo);
}

.noshi_manner h3.h3_noshi_manner:after,
.gift_manner_guide h3.h3_noshi_manner:after {
    content: "";
    width: 100px;
    height: 3px;
    background: #9B851B;
    position: absolute;
    bottom: -10px;
    left: 0;
    right: 0;
    margin: auto;
}

.noshi_manner .noshi_box p,
p.noshi_guide{
  letter-spacing: -0.01em;
}

p.noshi_guide{
  padding:0 10px 20px;
}

.noshi_manner .flex_box{
  display:flex;
}

.noshi_manner .flex_box h3,
.noshi_manner h4{
  font-size:16px;
  font-weight:500;
}

.noshi_manner .flex_box h3{
  text-align:center;
}

.noshi_manner h4{
  margin:20px 0 5px;
  padding:0 10px;
}


.noshi_manner .flex_box p{
  font-size:14px;
  text-align: center;
}

.noshi_manner .flex_box .noshi_box{
  display:flex;
  flex-direction:column;
  width: calc((100% - 80px) / 2);
  margin: 0 20px 20px;
}

.noshi_manner .flex_box .noshi_box img{
filter: drop-shadow(7px 5px 6px rgba(0,0,0,0.2));
width: 70%;
margin: 0 auto;
}

@media screen and (max-width: 767px){

.godiva_gift_service h2.godiva_gift_service_h2 {
    font-size: 1.6rem;
    margin: 0 0 40px;
    line-height:1.5;
}

.godiva_gift_service_list .service{
  width: calc((100% - 20px) / 2);
  margin: 0 5px 10px;
}

.godiva_gift_service_list .service .guide,
.godiva_gift_service_list .message_card .guide{
  padding: 10px 5px;
}

.godiva_gift_service_list .service_bag img{
  width:40%;
}

.godiva_gift_service_list .message_card,
.godiva_gift_service_list .service_bag .flex_box{
  width: 98%;
  margin: 0 auto 10px;
}

.noshi_manner{
  padding:20px 10px;
}

 .noshi_manner .flex_box .noshi_box {
    width: calc((100% - 20px) / 2);
    margin: 0 10px 10px;
}

.noshi_manner .flex_box .noshi_box img{
width: 90%;
}

}

.gift_manner_guide{
  max-width:768px;
  margin:30px auto 50px;
  padding:0 10px;
}

 .gift_manner_guide p.q {
    padding-bottom: .2em;
    border-bottom: 1px solid #d5af4a;
    font-weight: 600;
    margin: 1em 0 0;
}

 .gift_manner_guide p.q:first-letter {
  margin-right: .1em;
  font-size: 1.2em;
  color: #d5af4a;
}
 .gift_manner_guide p.a:first-letter {
  margin-right: .1em;
  font-size: 1.2em;
  color: #d5af4a;
  font-weight: 600;
}

/* ---------- staff 吹き出し ---------- */
.block-baloon-top_area .person,
.block-baloon-bottom_area .person{
  width:8%;
  height: auto;
  margin:0 auto;
}

.block-baloon-right_area .person,
.block-baloon-left_area .person{
  width:15%;
  height: auto;
  margin:0;
}

.block-baloon-top,
.block-baloon-bottom{
  display: table;
  padding: 1em;
  margin-bottom: 1em;
  position: relative;
  background-color: #fff;
  border: 1px solid #b7b0b0;
  border-radius: 20px;
  width: 100%;
}

.block-baloon-right,
.block-baloon-left {
  display: table;
  padding: 1em;
  margin-bottom: 1em;
  position: relative;
  background-color: #fff;
  border: 1px solid #b7b0b0;
  border-radius: 20px;
  width: 92%;
}

.block-baloon-top:before, .block-baloon-top:after,
.block-baloon-bottom:before, .block-baloon-bottom:after,
.block-baloon-right:before, .block-baloon-right:after,
.block-baloon-left:before, .block-baloon-left:after {
  content: '';
  position: absolute;
}

.block-baloon-top h3,
.block-baloon-bottom  h3,
.block-baloon-right h3,
.block-baloon-left h3,
.block-baloon-top h4,
.block-baloon-bottom  h4,
.block-baloon-right h4,
.block-baloon-left h4{
  font-size:18px;
  line-height: 1.5;
  margin:0 0 10px;
  text-align: left;
}

.block-baloon-top p,
.block-baloon-bottom p,
.block-baloon-right p,
.block-baloon-left p{
  font-size:14px;
  line-height: 1.5;
  text-align: left;
}

@media screen and (max-width: 539px){
  .block-baloon-top_area .person,
.block-baloon-bottom_area .person,
.block-baloon-right_area .person,
.block-baloon-left_area .person{
  width:18%;
  height: auto;
}

.block-baloon-right,
.block-baloon-left {
  width: 87%;
}

.block-baloon-top,
.block-baloon-bottom{
  width: 100%;
}

}

/* ---------- 吹き出し：上 ---------- */
.block-baloon-top_area{
  display:flex;
  flex-direction:column;
  margin: 10px 0;
}

.block-baloon-top_area .person{
  order:0;
}

.block-baloon-top {
  margin-top: 1.5em;
  order:1;
}

.block-baloon-top:first-child {
  margin-top: 1.5em;
}
.block-baloon-top:before, .block-baloon-top:after {
  top: -1.5em;
  left: 50%;
  transform: translateX(-50%);
  border-right: 10px solid transparent;
  border-bottom: solid 1.5em #b7b0b0;
  border-left: 10px solid transparent;
}
.block-baloon-top:after {
  top: calc( 2px - 1.5em );
  border-bottom: solid 1.5em #fff;
}

/* ---------- 吹き出し：下 ---------- */
.block-baloon-bottom_area{
  display:flex;
  flex-direction:column;
  margin: 10px 0 1.5em;
}

.block-baloon-bottom_area .person{
  order:1;
}

.block-baloon-bottom  {
  margin-bottom: 1.5em;
  order:0;
}

.block-baloon-bottom:before, .block-baloon-bottom:after {
  left: 50%;
  transform: translateX(-50%);
  bottom: -1.5em;
  border-top: 1.5em solid #b7b0b0;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
}
.block-baloon-bottom:after  {
  bottom: calc( 2px - 1.5em );
  border-top: solid 1.5em #fff;
}

/* ---------- 吹き出し：右 ---------- */
.block-baloon-right_area{
  display:flex;
  align-items:center;
  margin: 10px 0;
}

.block-baloon-right_area .person{
  order:1;
}

.block-baloon-right {
  margin-right: 1.5em;
  max-width: calc( 100% - 1.5em );
  order:0;
}

.block-baloon-right:before,
.block-baloon-right:after{
  top: 50%;
  transform: translateY(-50%);
  right: -1.5em;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 1.5em solid #b7b0b0;
}

.block-baloon-right:after {
  right: calc( 2px - 1.5em );
  border-left: solid 1.5em #fff;
}

/* ---------- 吹き出し：左 ---------- */
.block-baloon-left_area{
  display:flex;
  align-items:center;
  margin: 10px 0;
}

.block-baloon-left_area .person{
  order:0;
}

.block-baloon-left  {
  margin-left: 1.5em;
  max-width: calc( 100% - 1.5em );
  order:1;
}

.block-baloon-left:before, .block-baloon-left:after {
  top: 50%;
  transform: translateY( -50% );
  left: -1.5em;
  border-top: 10px solid transparent;
  border-right: 1.5em solid #b7b0b0;
  border-bottom: 10px solid transparent;
}
.block-baloon-left:after  {
  left: calc( 2px - 1.5em );
  border-right: solid 1.5em #fff;
}

/* ---------- 吹き出し：横に並べる ---------- */

.w2_block-baloon{
  display:flex;
}

.w2_block-baloon > div{
  padding: 5px;
}

.w2_block-baloon .person{
  width:16%;
  height:auto;
}

@media screen and (max-width: 539px){
  .w2_block-baloon{
  display:block;
}

.w2_block-baloon .person{
  width:13%;
  height:13%;
}

.w2_block-baloon > div {
    padding: 0 5px;
}
}

/* ---------- staff 吹き出し ---------- */









/*--------------------------------------------------------------

共通FOOTER pane-footer

--------------------------------------------------------------*/
  .block-footernav {
  margin: 0 auto;
  margin-bottom: 0px;
  display: flex;
  max-width: 650px;
  justify-content: center;
  font-size: 14px;
}

.block-footernav--item-list {
  width: auto !important;
}

.block-footernav .block-footernav--item-list:first-child li.block-footernav--item-list-root{
 border-left:none;
}

li.block-footernav--item-list-root {
  margin-bottom: 0.9em;
}

.block-footernav li a {
  color: #fff;
}

@media only screen and (max-width: 767px) {
  .block-footernav {
  justify-content: center;
  font-size: 12px;
}
}

@media only screen and (max-width: 539px) {
.block-footernav--item-list {
  width: 50% !important;
}

.block-footernav .block-footernav--item-list:nth-child(3) li.block-footernav--item-list-root{
 border-left:none;
}

.block-footernav .block-footernav--item-list:first-child li.block-footernav--item-list-root,
.block-footernav .block-footernav--item-list:nth-child(3) li.block-footernav--item-list-root{
 text-align:right;
}

}

.lazyload {
  opacity: 1;
  transition: opacity 200ms;
}

/*2025 バレンタイン向けギフトシーンから探す*/
/*
.list__item_4.vd_gift{
    background: #fff;
    text-align: center;
    height: auto;
    padding: 0 0 1em;
    border-radius: 5px;
    border: solid 1px #f77b8f;
    outline: solid 2px #f77b8f;
    outline-offset: 1px;
    overflow: hidden;
    margin: 0 10px 30px;
    width: calc((100% - 80px) / 4);
}

@media (max-width: 640px) {
    .search_gift_scene .list__item_4, .search_features .list__item_4.vd_gift {
        width: calc((100% - 40px) / 2);
        margin-bottom: 20px;
        padding: 0;
    }
}
*/