@charset "UTF-8";
/* ▼▼▼ カテゴリー別商品一覧ページ
======================================================*/
/* ▼ 共通部分
----------------------------------------*/
#contents {
  -webkit-transform: none;
          transform: none;
  will-change: auto;
}

footer {
  margin-top: 0 !important;
}

#main_middle {
  overflow: hidden;
}

h2, h3, h4 {
  font-weight: 600;
}

.font_lora {
  font-family: 'Lora', serif;
}

.buy_btn {
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 320px;
  max-width: 100%;
  height: 65px;
  margin: 0 auto;
  background: #000;
  font-size: 18px;
  font-weight: bold;
  color: #FFF;
  position: relative;
}

@media screen and (max-width: 768px) {
  .buy_btn {
    width: 240px;
    height: 50px;
    font-size: 16px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 767px) {
  .buy_btn:hover {
    opacity: 0.6;
  }
}

.buy_btn:hover, .buy_btn:focus, .buy_btn:active {
  color: #FFF;
}

.buy_btn::after {
  content: '';
  position: absolute;
  width: 15px;
  height: 100%;
  top: 0;
  right: 15px;
  background: url(../img/arrow_w.png) no-repeat center center/14px;
}

.buy_btn_another {
  margin: 0 auto;
  width: 328px;
  max-width: 100%;
  height: 72px;
  font-size: 20px;
}

.buy_btn_another::after {
  width: 25px;
  right: 40px;
}

.dot_list li {
  padding-left: 1em;
  text-indent: -1em;
  text-align: left;
  line-height: 1.6;
}

.dot_list li::before {
  content: '・';
}

.pro_size li.pro_option {
  background-color: #DBDBDB;
  border: #DBDBDB 1px solid;
}

.date_wrap {
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  width: 100%;
  max-width: 300px;
  height: 65px;
  margin: 0 auto;
  background: #FFF;
  border: #DBDBDB 1px solid;
  font-size: 18px;
  font-weight: bold;
}

/* ▼ ヒーローイメージ
----------------------------------------*/
#main_img {
  position: relative;
  width: 100%;
  max-width: 100vw;
  margin: 0;
}

#main_img img {
  width: 100%;
}

/* 序文*/
.read_area {
  width: 100%;
  padding: 70px 20px 85px;
  margin: 0 auto;
  background: url(../img/valentine/bg_read_l.png) no-repeat right calc(50vw + 500px) center/298px, url(../img/valentine/bg_read_r.png) no-repeat left calc(50vw + 500px) center/298px, #272727;
}

@media screen and (max-width: 768px) {
  .read_area {
    padding: 30px 20px 40px;
    background: url(../img/valentine/bg_read_l.png) no-repeat left -57px top 9px/185px, url(../img/valentine/bg_read_r.png) no-repeat right -57px top 9px/185px, #272727;
  }
}

.read_title {
  margin: 0 auto 30px;
  color: #fff;
  font-size: 28px;
  font-weight: 500;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .read_title {
    font-size: 22px;
    margin: 0 auto 20px;
  }
}

.read_box {
  margin: 0 auto 45px;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  line-height: 2.4;
  text-align: center;
  position: relative;
}

@media screen and (max-width: 768px) {
  .read_box {
    font-size: 14px;
    text-align: left;
  }
}

.read_anker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
}

@media screen and (max-width: 768px) {
  .read_anker {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.read_anker li {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 180px;
          flex: 0 0 180px;
  width: 180px;
  max-width: 180px;
  margin: 0 10px;
}

@media screen and (max-width: 768px) {
  .read_anker li {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 31%;
            flex: 0 0 31%;
    width: 31%;
    max-width: 31%;
    margin: 0;
  }
}

.read_anker_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  height: 180px;
  padding-top: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  padding: 0;
  position: relative;
}

@media screen and (max-width: 768px) {
  .read_anker_inner {
    height: calc((100vw - 40px) * 0.31);
    font-size: 10px;
  }
}

@media screen and (min-width: 767px) {
  .read_anker_inner:hover {
    opacity: 0.6;
  }
}

.read_anker_inner_sweet {
  background-image: url(../img/valentine/img_anker01.png);
}

.read_anker_inner_bitter {
  background-image: url(../img/valentine/img_anker02.png);
}

.read_anker_inner_limited {
  background-image: url(../img/valentine/img_anker03.png);
}

.read_anker_inner::after {
  content: '';
  width: 12px;
  height: 12px;
  border-right: 1px solid #FFF;
  border-bottom: 1px solid #FFF;
  position: absolute;
  left: calc(50% - 6px);
  bottom: 19.5%;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

@media screen and (max-width: 768px) {
  .read_anker_inner::after {
    width: 10px;
    height: 10px;
    left: calc(50% - 5px);
  }
}

.read_anker_inner span {
  color: #fff;
  text-align: center;
}

.pro_area {
  padding: 40px 0;
  margin: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto calc(100vh + 100px);
  background-attachment: scroll;
}

@media screen and (min-width: 767px) {
  .pro_area {
    padding: 70px 0 95px;
    background-size: cover;
    background-attachment: fixed;
  }
}

.pro_area.sweet_area {
  background-image: url(../img/valentine/bg_sweet.jpg);
}

.pro_area.bitter_area {
  background-image: url(../img/valentine/bg_bitter.jpg);
}

.pro_title {
  margin: 0 0 30px;
}

.pro_title span {
  display: block;
  text-align: center;
  color: #fff;
}

.pro_title span:nth-child(1) {
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.4em;
}

@media screen and (max-width: 768px) {
  .pro_title span:nth-child(1) {
    font-size: 12px;
  }
}

.pro_title span:nth-child(2) {
  font-size: 41px;
  font-weight: 500;
}

@media screen and (max-width: 768px) {
  .pro_title span:nth-child(2) {
    font-size: 24px;
  }
}

.pro_list {
  width: 1000px;
  max-width: 100%;
  margin: 0 auto;
  padding: 0 30px;
}

@media screen and (max-width: 768px) {
  .pro_list {
    padding: 0 20px;
  }
}

.pro_list_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 40px 9% 35px;
  border: 20px solid #EFEBE4;
  background: -webkit-gradient(linear, right top, left bottom, color-stop(50%, #EFEBE4), color-stop(50%, #FFF)) no-repeat top right/33px 33px, -webkit-gradient(linear, left bottom, right top, color-stop(50%, #EFEBE4), color-stop(50%, #FFF)) no-repeat left bottom/33px 33px, #FFF;
  background: linear-gradient(to left bottom, #EFEBE4 50%, #FFF 50%) no-repeat top right/33px 33px, linear-gradient(to top right, #EFEBE4 50%, #FFF 50%) no-repeat left bottom/33px 33px, #FFF;
}

@media screen and (max-width: 768px) {
  .pro_list_item {
    display: block;
    padding: 30px 20px 35px;
  }
}

.pro_list_item:nth-child(2n) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-flow: row-reverse;
          flex-flow: row-reverse;
}

.pro_list_item:not(:first-child) {
  margin-top: 35px;
}

.pro_list_img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 37%;
          flex: 0 0 37%;
  width: 37%;
  max-width: 37%;
  max-width: 270px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 20px;
}

@media screen and (max-width: 768px) {
  .pro_list_img {
    width: 135px;
    max-width: 135px;
    margin: 0 auto 20px;
    padding: 0;
  }
}

.pro_list_txt {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 57.4%;
          flex: 0 0 57.4%;
  width: 57.4%;
  max-width: 57.4%;
}

@media screen and (max-width: 768px) {
  .pro_list_txt {
    width: 100%;
    max-width: 100%;
  }
}

.pro_name {
  margin: 0 0 20px;
}

.pro_name_main {
  font-size: 30px;
  font-weight: 600;
  line-height: 1.2;
}

.pro_name_sub {
  font-size: 14px;
  font-weight: 500;
}

.pro_size li {
  padding: 2px 12px 2px 9px;
}

.pro_price {
  margin: 0 !important;
  font-size: 24px;
  font-weight: 600;
}

.pro_price_tax {
  font-size: 14px;
  font-weight: 400;
}

.pro_txt {
  margin: 0 0 30px;
}

.pro_pairing {
  padding: 0 0 0 30px;
  margin: 10px 0;
  color: #4B1E13;
  font-weight: 600;
  line-height: 22px;
  position: relative;
}

.pro_pairing::after {
  content: '';
  width: 22px;
  height: 22px;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
}

.pro_pairing_white::after {
  background: #EDE9D0;
}

.pro_pairing_milk::after {
  background: #AC5F28;
}

.pro_pairing_bitter {
  color: #000;
}

.pro_pairing_bitter::after {
  background: #4B1E13;
}

.set_area {
  background: #691B1B;
  padding: 0;
}

.set_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  width: 1080px;
  max-width: 100%;
  margin: 0 auto;
  padding: 0 30px;
}

@media screen and (max-width: 768px) {
  .set_wrap {
    display: block;
    padding: 30px 0 40px;
  }
}

.set_img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 55%;
          flex: 0 0 55%;
  width: 55%;
  max-width: 55%;
  max-width: 550px;
}

@media screen and (max-width: 768px) {
  .set_img {
    width: 100%;
    max-width: 100%;
    margin-bottom: 40px;
  }
}

.set_txt {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 45%;
          flex: 0 0 45%;
  width: 45%;
  max-width: 45%;
}

@media screen and (max-width: 768px) {
  .set_txt {
    width: 100%;
    max-width: 100%;
    padding: 0 20px;
  }
}

.set_txt_call {
  margin-bottom: 15px;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
}

.set_txt_limited {
  text-align: center;
}

.set_txt_limited span {
  display: inline-block;
  padding: 0 18px;
  border: 1px solid #FFF;
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  line-height: 27px;
}

.set_txt_title {
  margin-bottom: 25px;
}

.set_txt_title span {
  display: block;
  text-align: center;
}

.set_txt_title span:nth-child(1) {
  margin-bottom: 5px;
  color: #fff;
  font-size: 15px;
  font-weight: 400;
}

.set_txt_title span:nth-child(2) {
  color: #D1B34F;
  font-size: 25px;
  font-weight: 600;
}

.set_txt_doc {
  color: #fff;
  font-weight: 500;
  text-align: center;
}

.bnr_area {
  padding: 70px 0 0;
}

@media screen and (max-width: 768px) {
  .bnr_area {
    padding: 40px 0 0;
  }
}

.bnr_title {
  margin: 0 0 30px;
  font-size: 42px;
  font-weight: 500;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .bnr_title {
    font-size: 26px;
  }
}

.bnr_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 1040px;
  max-width: 100%;
  margin: 0 auto;
  padding: 0 20px;
}

@media screen and (max-width: 768px) {
  .bnr_list {
    display: block;
  }
}

.bnr_list li {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 31%;
          flex: 0 0 31%;
  width: 31%;
  max-width: 31%;
}

@media screen and (max-width: 768px) {
  .bnr_list li {
    width: 100%;
    max-width: 100%;
  }
  .bnr_list li:not(:first-child) {
    margin-top: 20px;
  }
}

.bnr_list li a {
  display: block;
}

/* ギフトサービス */
.gift_area {
  padding: 120px 0 120px;
  overflow: hidden;
  position: relative;
}

@media screen and (max-width: 768px) {
  .gift_area {
    padding: 70px 0;
  }
}

.gift_title {
  display: inline-block;
}

.gift_title_wrap {
  margin-bottom: 50px;
  text-align: center;
}

.gift_title_inner {
  display: inline-block;
}

.gift_title h2 {
  margin: 0 0 0;
  font-size: 48px;
  font-weight: 500;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .gift_title h2 {
    margin-bottom: 5px;
    font-size: 26px;
  }
}

.gift_title p {
  margin: 0;
  font-size: 18px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .gift_title p {
    margin: 0;
    font-size: 16px;
    line-height: 1.4;
  }
}

.gift_around {
  margin-bottom: 70px;
}

@media screen and (max-width: 768px) {
  .gift_around {
    max-width: calc(100% - 30px);
    margin: 0 auto 30px;
  }
}

.gift_around .noshi_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 30px;
}

.gift_around .noshi_flex .noshi_wrap {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 225px;
          flex: 0 0 225px;
  width: 225px;
  max-width: 225px;
}

.gift_around .noshi_flex .noshi_wrap h4 {
  margin: 0 0 10px;
  font-size: 20px;
  line-height: 1.1;
}

.gift_around .noshi_flex .noshi_wrap h4 span {
  font-size: 14px;
}

.gift_around .noshi_flex .noshi_wrap .noshi_img {
  margin-bottom: 10px;
}

.gift_around .noshi_flex .noshi_wrap .noshi_list, .gift_around .noshi_flex .noshi_wrap p {
  margin: 0;
  font-size: 14px;
}

.gift_around .noshi_flex .noshi_wrap .noshi_list li {
  line-height: 1.6;
}

.gift_around .noshi_flex .noshi_wrap p.kome {
  font-size: 12px;
}

.gift_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  max-width: 100%;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .gift_flex {
    display: block;
    max-width: 100%;
    margin: 0 auto;
  }
}

.gift_flex .img_wrap {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 32.2%;
          flex: 0 0 32.2%;
  width: 32.2%;
  max-width: 32.2%;
  max-width: 235px;
}

@media screen and (max-width: 768px) {
  .gift_flex .img_wrap {
    width: 100%;
    max-width: 100%;
    margin-bottom: 10px;
  }
}

.gift_flex .txt_wrap {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 65%;
          flex: 0 0 65%;
  width: 65%;
  max-width: 65%;
}

@media screen and (max-width: 768px) {
  .gift_flex .txt_wrap {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
  }
}

.gift_flex .txt_wrap h4 {
  margin: 0 0 20px;
  font-size: 20px;
}

@media screen and (max-width: 768px) {
  .gift_flex .txt_wrap h4 {
    margin: 0 0 10px;
    font-size: 16px;
  }
}

.gift_flex .txt_wrap p {
  margin: 0;
  font-size: 18px;
}

@media screen and (max-width: 768px) {
  .gift_flex .txt_wrap p {
    margin: 0;
    font-size: 14px;
  }
}

.gift_box {
  margin-bottom: 100px;
}

@media screen and (max-width: 768px) {
  .gift_box {
    margin-bottom: 70px;
  }
}

.gift_box_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  margin-bottom: 100px;
}

@media screen and (max-width: 768px) {
  .gift_box_flex {
    display: block;
    margin-bottom: 30px;
  }
}

.gift_box_flex .gift_box {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 442px;
          flex: 0 0 442px;
  width: 442px;
  max-width: 442px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  margin-bottom: 0;
}

@media screen and (max-width: 768px) {
  .gift_box_flex .gift_box {
    margin: 0 auto 10px;
    width: 100%;
    max-width: 100%;
  }
}

.gift_box_flex .gift_box p {
  margin: 0;
  font-size: 14px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .gift_box_flex .gift_box p {
    margin: 0;
    font-size: 12px;
    text-align: center;
  }
}

.gift_box > div {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 215px;
          flex: 0 0 215px;
  width: 215px;
  max-width: 215px;
}

@media screen and (max-width: 768px) {
  .gift_box > div {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 48%;
            flex: 0 0 48%;
    width: 48%;
    max-width: 48%;
  }
}

.gift_read {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 536px;
          flex: 0 0 536px;
  width: calc(100% - 460px);
  max-width: calc(100% - 460px);
  margin-bottom: 0;
}

@media screen and (max-width: 768px) {
  .gift_read {
    width: 100%;
    max-width: 100%;
    margin: 0 auto 10px;
  }
}

.gift_read h4 {
  margin: 0 0 10px;
  font-size: 16px;
}

@media screen and (max-width: 768px) {
  .gift_read h4 {
    margin: 0 0 10px;
    font-size: 16px;
  }
}

.gift_read p, .gift_read ul {
  font-size: 14px;
}

.gift_read ul {
  margin-bottom: 30px;
}

.gift_read ul li {
  margin-bottom: 8px;
}

.gift_read ul li::before {
  content: '◎';
}

.gift_read .gift_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}

.gift_read .gift_flex .gift_txt {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 250px;
          flex: 0 0 250px;
  width: calc(100% - 283px);
  max-width: calc(100% - 283px);
}

.gift_read .gift_flex .gift_txt p {
  margin: 0;
}

.gift_read .gift_flex .ex_img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 268px;
          flex: 0 0 268px;
  width: 268px;
  max-width: 268px;
  border: 1px #000 solid;
}

.title_gift {
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-line-pack: center;
      align-content: center;
  -ms-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 40px;
}

@media screen and (max-width: 768px) {
  .title_gift {
    margin-bottom: 30px;
  }
}

.title_gift::before, .title_gift::after {
  content: '';
  -ms-flex: 0 0 50%;
  -webkit-box-flex: 0;
          flex: 0 0 50%;
  width: 50%;
  max-width: calc(50% - 50px);
  height: 20px;
  vertical-align: middle;
}

@media screen and (max-width: 768px) {
  .title_gift::before, .title_gift::after {
    max-width: calc(50% - 30px);
    height: 16px;
  }
}

.title_gift::before {
  background: url(../img/valentine/title_gift_l.png) no-repeat center center/100% 13px;
}

.title_gift::after {
  background: url(../img/valentine/title_gift_r.png) no-repeat center center/100% 13px;
}

.title_gift span {
  font-size: 30px;
  vertical-align: middle;
}

@media screen and (max-width: 768px) {
  .title_gift span {
    font-size: 20px;
  }
}

/* ▼▼▼ 480px〜768px
======================================================*/
@media screen and (max-width: 767px) {
  /* ギフトサービス */
  #gift_area .gift_wrap .gift_around .gift_read .gift_flex {
    display: block;
  }
  #gift_area .gift_wrap .gift_around .gift_read .gift_flex .gift_txt {
    margin: 0 auto 10px;
    width: 100%;
    max-width: 100%;
  }
  #gift_area .gift_wrap .gift_around .gift_read .gift_flex .gift_txt p {
    margin: 0;
    text-align: left;
  }
  #gift_area .gift_wrap .gift_around .gift_read .gift_flex .ex_img {
    margin: 0 auto 10px;
    width: 268px;
    max-width: 100%;
  }
  #gift_area .gift_wrap .gift_around .noshi_flex .noshi_wrap {
    -moz-flex: 0 0 48%;
    -ms-flex: 0 0 48%;
    -o-flex: 0 0 48%;
    -webkit-box-flex: 0;
            flex: 0 0 48%;
    width: 48%;
    max-width: 48%;
    margin-bottom: 20px;
  }
  #gift_area .gift_wrap .gift_around .noshi_wrap h4 {
    font-size: 14px;
  }
  #gift_area .gift_wrap .gift_around .noshi_wrap h4 span {
    font-size: 11px;
  }
  #gift_area .gift_wrap .gift_around p.kome {
    font-size: 12px;
  }
}