@charset "UTF-8";

/* ================================================
カテゴリーメニュー
================================================ */
#gift_category {display: none;}
.gift_category_menu {
  background-color: #fff;
  margin: 6rem auto 0;
  padding: 4rem 6rem;
}

.gift_category_menu .menuContent + .menuContent {
  margin-top: 3.2rem;
}


.menuContent p.question {
    font-weight: 600;
    margin: 16px 0 0;
}
.menuContent p.answer {
    margin: 7px 0 0;
}
.menuContent p.answer a{
    text-decoration: underline;
}


.gift_category_menu .heading {
  font-size: 1.6rem;
  font-weight: 600;
  margin-bottom: 1rem;
}

.gift_category_menu .menuList {
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.6rem;
}
.gift_category_menu .menuList.top {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0.8rem;
}

.gift_category_menu .menuList li a {
  display: block;
  padding: 0 1.6rem;
  text-decoration: underline;
  transition: .3s;
}

.gift_category_menu .menuList li a:hover {
  text-decoration: none;
}

@media screen and (max-width: 767px) {
.menuContent p.question {
    font-weight: 600;
    font-size: 1.2rem;
    margin: 16px 0 0;
}
.menuContent p.answer {
    font-size: 1.2rem;
    margin: 7px 0 0;
}


  .gift_category_menu {
        margin: 1.6rem 1.6rem 0;
        padding: 3.2rem 1.6rem;
  }

  .gift_category_menu .heading {
    font-size: 1.2rem;
    margin-bottom: 1rem;
  }

  .gift_category_menu .menuList {
    margin-left: -0.2rem;
    row-gap: 0.8rem;
  }

  .gift_category_menu .menuList li a {
    font-size: 1.2rem;
    letter-spacing: 0.08em;
    padding: 0 1rem;
  }
}

/* ================================================
バナー
================================================ */
.gift_category_bnr {
  margin-top: 4rem;
}

.gift_category_bnr__item {
  display: block;
}

.gift_category_bnr__item+.gift_category_bnr__item {
  margin-top: 3rem;
}

@media screen and (max-width: 767px) {
  .gift_category_bnr {
    margin: 2rem 1.5rem 0;
  }
}