@charset "UTF-8";
@media screen and (min-width: 768px) {
  .pc-none {
    display: none; } }

@media screen and (max-width: 767px) {
  .sp-none {
    display: none; } }

.m-topicpath ol {
  background: #F8F5F5 !important; }

.l-main {
  background: #F8F5F5; }

/*タイトル*/
.gift .inr {
  padding: 50px 0 60px; }
  @media screen and (max-width: 767px) {
    .gift .inr {
      font-size: 4.8vw;
      padding: 10.1333333333vw 0 16vw; } }

@media screen and (min-width: 768px) {
  .p-title-primary-01 {
    margin-top: 38px;
    font-size: 1.375rem;
    line-height: 1.5; } }

.gift-title-text {
  font-size: 0.875rem; }

.top-ttl {
  font-size: 1.375rem;
  line-height: 150%;
  letter-spacing: 0.88px;
  margin-bottom: 10px; }
  @media screen and (max-width: 767px) {
    .top-ttl {
      font-size: 4.8vw;
      line-height: 1.8; } }

.sub-ttl {
  font-size: 0.875rem;
  line-height: 170%;
  letter-spacing: 0.035rem;
  margin-bottom: 40px; }
  @media screen and (max-width: 767px) {
    .sub-ttl {
      font-size: 3.7333333333vw;
      margin-bottom: 8vw; } }

/*アイテム並び*/
.s_gift_area {
  text-align: center;
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  background: #fff;
  border: 1px solid #C8C8C8;
  padding: 80px 30px;
  box-sizing: border-box; }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .s_gift_area {
      width: 95%; } }
  @media screen and (max-width: 767px) {
    .s_gift_area {
      width: 90%;
      padding: 45px 20px; } }

.flex-item__wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: center;
  max-width: 830px;
  margin: 0 auto 40px; }
  @media screen and (max-width: 767px) {
    .flex-item__wrap {
      margin: 0 auto 8vw; } }

.item-wrap {
  align-items: stretch;
  gap: 40px 70px; }
  @media screen and (max-width: 767px) {
    .item-wrap {
      gap: 2.6666666667vw; } }

.flex-item__box {
  max-width: 380px;
  width: 100%;
  text-align: center;
  display: flex;
  flex-direction: column;
  height: auto; }

.item-img {
  max-width: 360px;
  text-align: center; }

.gift__item-title {
  font-size: 18px;
  margin: 20px;
  line-height: 1.5; }
  @media screen and (max-width: 767px) {
    .gift__item-title {
      font-size: 4.2666666667vw;
      margin: 0 0 2.6666666667vw;
      letter-spacing: 0.03em; } }

.gift__item-list {
  font-size: 0.8125rem;
  text-align: left;
  margin-left: 9px;
  margin-bottom: 20px;
  line-height: 1.5em; }
  @media screen and (min-width: 768px) {
    .gift__item-list {
      min-height: 58px; } }
  .gift__item-list li {
    list-style-position: inside;
    list-style-type: disc;
    text-indent: -1.2em;
    padding-left: 1.2em;
    line-height: 1.7;
    font-size: 0.8125rem; }
    .gift__item-list li::marker {
      font-size: 0.5em; }

.gift__item-subtitle {
  font-size: 0.8125rem;
  position: relative;
  padding-left: 20px;
  text-align: left;
  line-height: 1.5em; }

.gift__item-subtitle:before {
  content: "●";
  position: absolute;
  left: 0; }

.gift__item-price {
  font-size: 16px;
  text-align: center;
  margin-bottom: 20px; }
  @media screen and (max-width: 767px) {
    .gift__item-price {
      font-size: 4.2666666667vw;
      margin: 2.6666666667vw 0 5.3333333333vw;
      letter-spacing: 0.03em; } }

.btn_area {
  margin-top: auto; }

/*ボタン系*/
.cart-btn a {
  display: block;
  position: relative;
  width: 100%;
  overflow: hidden;
  border: 1px solid #c8c8c8;
  color: #3c3c3c;
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", 游ゴシック体, YuGothic, "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック, "Yu Gothic", sans-serif;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: .155em;
  background-color: #fff;
  box-sizing: border-box;
  transition-duration: .3s;
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  /*padding: 14px 0;*/
  height: 50px;
  line-height: 50px; }
  .cart-btn a:hover {
    color: #fff;
    background-color: #c8c8c8; }
  @media screen and (max-width: 767px) {
    .cart-btn a {
      padding: 0;
      height: 55px;
      line-height: 55px; } }

.cart-btn a:before {
  display: inline-block;
  background: url("/gift_set/assets/images/icon-gift-cart-btn.svg") no-repeat 0 0;
  content: "";
  transition-duration: .3s;
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 18px;
  height: 18px;
  margin-right: 5px;
  vertical-align: -3px; }

.cart-btn a:hover::before {
  filter: brightness(0) invert(1);
  /* 白色に変化 */ }

.e-btn a {
  width: 300px;
  display: block;
  position: relative;
  height: 100%;
  overflow: hidden;
  border: 1px solid #c8c8c8;
  color: #3c3c3c;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: .08em;
  background-color: #fff;
  box-sizing: border-box;
  transition-duration: .3s;
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  padding: 8px 0;
  border-radius: 25px;
  font-size: .875rem;
  text-align: center;
  padding: 16px;
  line-height: 1.2;
  margin: 0 auto;
  border-radius: 0;
  font-weight: bold;
  background: #60BEBD;
  color: #fff;
  font-size: 1.125rem;
  width: 100%;
  max-width: 360px; }
  .e-btn a:hover {
    color: #fff;
    background-color: #c8c8c8; }

.deets-btn {
  text-align: left; }

.deets-btn a {
  font-size: 13px;
  text-decoration: none;
  transition-duration: .3s; }
  .deets-btn a:hover {
    opacity: .5;
    text-decoration: underline; }

.deets-btn a:after {
  display: inline-block;
  background: url("/gift_set/assets/images/icon-gift-btn-right.svg") no-repeat 0 0;
  content: "";
  transition-duration: .3s;
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 9px;
  height: 15px;
  margin-left: 10px;
  vertical-align: -3px; }

/*ハンディバックボタン*/
.gft-bnr-btn a {
  width: 100%;
  display: block;
  position: relative;
  height: 100%;
  overflow: hidden;
  border: 1px solid #c8c8c8;
  color: #3c3c3c;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: .08em;
  background-color: #fff;
  box-sizing: border-box;
  transition-duration: .3s;
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  border-radius: 25px;
  font-size: .875rem;
  text-align: center;
  /*padding: 16px;*/
  line-height: 1.2;
  margin: 0 auto;
  height: 50px;
  line-height: 50px; }
  @media screen and (max-width: 767px) {
    .gft-bnr-btn a {
      height: 55px;
      line-height: 55px;
      padding: 0; } }

.gft-bnr-btn a:hover {
  color: #fff;
  background-color: #c8c8c8; }

/*anyギフト　調整*/
.anygift-gift-ui__container {
  width: 100% !important; }

.anygift-gift-ui__main-button {
  background: #60BEBD !important;
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", 游ゴシック体, YuGothic, "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック, "Yu Gothic", sans-serif;
  transition-duration: .3s;
  width: 100% !important;
  border-radius: 0 !important;
  font-size: 0.875rem !important;
  height: 50px !important; }
  .anygift-gift-ui__main-button:hover {
    background-color: #c8c8c8 !important;
    opacity: 1 !important; }
  @media screen and (max-width: 767px) {
    .anygift-gift-ui__main-button {
      height: 55px !important; } }

.e-gift-msg .anygift-gift-ui__about-button__wrapper {
  text-align: left; }
  .e-gift-msg .anygift-gift-ui__about-button__wrapper button {
    padding: 0; }

@media screen and (max-width: 767px) {
  .anygift-gift-ui__about-button__wrapper img {
    width: 80px !important; } }

.flex-item__box .anygift-gift-ui__about-button__wrapper {
  　　display: none !important; }
  .flex-item__box .anygift-gift-ui__about-button__wrapper .ag-outline-none {
    display: none; }

/*eギフトとは出現用*/
.e-gift-msg {
  max-width: 830px;
  margin: 0 auto 0; }

.e-gift-about {
  font-size: 11px;
  text-align: left;
  line-height: 1.5; }

.none-btn .anygift-gift-ui__main-button {
  display: none; }

.anygift-about-button__text {
  color: #111 !important; }

/*anyギフト　フロート移動*/
.anygift-floating-cart {
  left: 20px !important;
  z-index: 999; }
  .anygift-floating-cart .anygift-floating-cart__button__text {
    font-family: "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", 游ゴシック体, YuGothic, "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック, "Yu Gothic", sans-serif; }
  @media screen and (max-width: 767px) {
    .anygift-floating-cart {
      left: 2.5vw !important;
      bottom: 15vw !important; } }

/*ページ下部ボタン*/
.giftset-list-link {
  margin: 0 auto;
  padding: 60px 0; }
  @media screen and (max-width: 767px) {
    .giftset-list-link {
      padding: 12vw 0; } }
  .giftset-list-link .gft-bnr-btn a {
    width: 300px; }