@charset "UTF-8";

/*common
  ---------------------------------------*/
  html{font-size: 62.5%;}
  
  @font-face {
    font-family: "YuGothic";
    /* フォント名 */
    /* フォーマットごとにパスを指定 */
    src: 
    url("../font/YuGothic-Medium.woff") format("woff"), 
    url("../font/YuGothic-Bold.woff2") format("woff2");
  }

  img {
    width: 100%;
  }

  a {
    color: #666666;
  }


  .group-detail-area {
    width: unset;
  }

  .Product_inner {
    background-color: #FFFFFF;
    font-family: YuGothic, 游ゴシック, "Yu Gothic", メイリオ, Meiryo, sans-serif;
    color: #666666;
    letter-spacing: 0.1em;
  }

  /* ==== mvArea ==== */
  #ckbp_neafneaf .mvArea {
    width: 100%;
  }

  #ckbp_neafneaf .MV_inner {
    width: 100%;
    height: 68rem;
    background: url(../../../../Contents/ImagesPkg/product/detail/ckbp_neafneaf/BP_LP_pc.jpg) no-repeat;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  #ckbp_neafneaf .MV_img {
    width: 98rem;
  }

  #ckbp_neafneaf .mvArea p {
    font-size: 1.8rem;
    line-height: 2;
    letter-spacing: 0.1em;
    margin: 6rem auto;
  }

  #ckbp_neafneaf .mvArea ul {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row-reverse;
    margin: 10rem auto 0;
  }

  #ckbp_neafneaf .mvArea li:nth-of-type(1) {
    width: 35rem;
  }

  #ckbp_neafneaf .mvArea li:nth-of-type(2) {
    margin-right: 5rem;
  }

  #ckbp_neafneaf .mvArea h3 {
    font-size: 2.2rem;
    color: #91A397;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    letter-spacing: 0.1em;
  }

  #ckbp_neafneaf .mvArea p {
    font-size: 1.8rem;
    line-height: 2;
    margin: 4rem auto 0;
  }


  /* ==== scheduleArea ==== */
  #ckbp_neafneaf .scheduleArea {
    margin: 10rem auto 0;
    padding: 10rem 0;
    background-color: #F2F5F3;
  }

  #ckbp_neafneaf .modal_link {
    position: relative;
  }

  #ckbp_neafneaf .modal_link::before {
    position: absolute;
    display: block;
    content: "";
    width: 0.1rem;
    height: 12rem;
    top: -16rem;
    left: 50%;
    background-color: #91A397;
  }

  /* ---- RELEASE SCHEDULE ---- */

.release_schedule {
  width: 66rem;
  margin: 10rem auto 0;
  padding: 7rem;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
  background: #fff;
  text-align: center;
  border-radius: 2.5rem;
  color: #000000;
}

.release_schedule .release_schedule_ttl {
  margin: -9.5rem 0 5rem;
  font-size: 4rem;
  letter-spacing: 0.06em;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  color: #91A397;
}

.release_schedule .ttl_sub.sub_pre {
  color: #3C6E4C;
  margin-top: 0;
  padding: 0;
  border: none;
}

.release_schedule .ttl_sub.sub_pre::before {
  display: none;
}

/* ---- RELEASE CONT ---- */
.release_schedule .release_cont {
  text-align: center;
}

.release_schedule .release_cont .release_cont__ttl {
  margin: 0 0 0.5rem;
  text-align: center;
  font-weight: bold;
  font-size: 1.5rem;
  letter-spacing: 0;
}

.release_schedule .release_cont .release_cont__txt {
  margin: 0 0 2.5rem;
  text-align: center;
  font-size: 1.;
  font-size: 1.3rem;
  line-height: 2;
  letter-spacing: 0;
}

.release_schedule .txt_sm {
  font-size: 1.1rem;
  line-height: 2;
  text-align: center;
}

.release_schedule .ttl_sub {
  position: relative;
  margin: 3.5rem 0 2rem;
  font-size: 1.6rem;
  font-weight: bold;
  padding: 3.5rem 0 0;
  color: #3C6E4C;
  letter-spacing: 0;
}

.release_schedule .ttl_sub::before {
  border-top: 1px solid #E6E6E6;
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 44rem;
  height: 1px;
  transform: translateX(-50%);
  z-index: 2;
}

/* ---- pickupArea ---- */
#ckbp_neafneaf .pickupArea {
  background: url(../../../../Contents/ImagesPkg/product/detail/ckbp_neafneaf/pickUp_bg.jpg) no-repeat;
  background-size: cover;
}

#ckbp_neafneaf .pickupArea {
  padding: 12rem 0 10rem;
}

#ckbp_neafneaf .pickupArea ul {
  display: flex;
  justify-content: center;
  align-items: center;
}

#ckbp_neafneaf .pickupArea ul li {
  width: 47rem;
}

#ckbp_neafneaf .pickupArea ul li:nth-of-type(2) {
  margin-left: -5rem;
}

#ckbp_neafneaf .pickupArea h2 {
  font-size: 4rem;
  letter-spacing: 0.06em;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  line-height: 1;
  color: #91A397;
  text-align: center;
}

#ckbp_neafneaf .pickupArea h3 {
  font-size: 3.8rem;
  letter-spacing: 0.06em;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  line-height: 1.4;
  color: #91A397;
  text-align: center;
  margin: -3rem auto 0;
}

#ckbp_neafneaf .pickupArea h4 {
  font-size: 1.4rem;
  letter-spacing: 0;
  font-weight: 400;
  line-height: 2;
  color: #91A397;
  text-align: center;
}

#ckbp_neafneaf .textArea {
  width: 70rem;
  background-color: #FFFFFF;
  border-radius: 2.5rem;
  padding: 4rem 5rem;
  margin: 2rem auto 0;
}

#ckbp_neafneaf .textArea p {
  font-size: 1.6rem;
  line-height: 2;
  letter-spacing: 0.1em;
}


/* ---- itemArea ---- */
#ckbp_neafneaf .itemArea {
  margin: 10rem auto;
}

#ckbp_neafneaf .itemArea .fl__1 {
  display: flex;
  justify-content: center;
  align-items: normal;
}

#ckbp_neafneaf .itemArea .blk__1 {
  width: 43rem;
  padding: 0 0 6rem;
  border-radius: 2.5rem;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
}

#ckbp_neafneaf .itemArea .blk__1:nth-of-type(2) {
  margin-left: 4rem;
}

#ckbp_neafneaf .itemArea .item_img {
  width: 32rem;
  margin: 4rem auto 6rem;
}

#ckbp_neafneaf .itemArea .text_Area {
  position: relative;
  padding: 4rem 5rem;
  background-color: #F4F7FA;
  line-height: 2;
  font-size: 1.6rem;
  font-weight: bold;
}

#ckbp_neafneaf .itemArea .blk__1 .text_Area::before {
  position: absolute;
  display: block;
  content: "";
  width: 18.1rem;
  height: 5rem;
  background: url(../../../../Contents/ImagesPkg/product/detail/ckbp_neafneaf/itemArea_blue.svg) no-repeat;
  background-size: 100%;
  top: -4rem;
  left: 2rem;
}

#ckbp_neafneaf .itemArea .blk__1.__2 .text_Area::before {
  position: absolute;
  display: block;
  content: "";
  width: 18.1rem;
  height: 5rem;
  background: url(../../../../Contents/ImagesPkg/product/detail/ckbp_neafneaf/itemArea_green.svg) no-repeat;
  background-size: 100%;
  top: -4rem;
  left: 2rem;
}

#ckbp_neafneaf .itemArea .blk__1.__2 .text_Area {
  background-color: #F4F8F5;
}

#ckbp_neafneaf .itemArea .text_Area p {
  font-size: 1.6rem;
  line-height: 2;
}

#ckbp_neafneaf .itemArea .subtext {
  font-size: 1.4rem;
  line-height: 2;
  text-align: center;
  margin: 3rem auto 2rem;
}

#ckbp_neafneaf .itemArea .fl__2 {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 2.2rem;
  flex-wrap: wrap;
}

#ckbp_neafneaf .itemArea .fl__2 li {
  width: 8.5rem;
}

#ckbp_neafneaf .itemArea .nowrap {
  white-space: nowrap;
}

#ckbp_neafneaf .itemArea .fl__2 .move {
  margin-left: -1rem;
}

#ckbp_neafneaf .itemArea .fl__2 li:nth-of-type(2) {
  margin: 0 1.5rem;
}

#ckbp_neafneaf .itemArea .fl__2.__2 li:nth-of-type(3) {
  margin: 0 1.5rem 0 0;
}

#ckbp_neafneaf .itemArea .fl__2.__2 li:nth-of-type(6) {
  margin: 1.5rem 1.5rem  0;
}

#ckbp_neafneaf .itemArea .fl__2.__2 li:nth-of-type(5) ,
#ckbp_neafneaf .itemArea .fl__2.__2 li:nth-of-type(7){
  margin: 1.5rem 0 0 0;
}

#ckbp_neafneaf .itemArea .fl__2 li p {
  font-size: 1rem;
  line-height: 1.5;
  margin-top: 1.5rem;
  letter-spacing: 0;
  text-align: center;
}

#ckbp_neafneaf .itemArea .itemName {
  font-size: 1.5rem;
  line-height: 1.5;
  margin: 4.5rem auto 1.5rem;
  letter-spacing: 0.04rem;
  text-align: center;
}

#ckbp_neafneaf .itemArea .price {
  font-size: 1.5rem;
  line-height: 1;
  letter-spacing: 0.04rem;
  text-align: center;
}

#ckbp_neafneaf .itemArea a {
  display: block;
  width: 25rem;
  margin: 4rem auto 0;
  font-size: 1.3rem;
  line-height: 1.5;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  border: #666666 solid 0.1rem;
  text-align: center;
  padding: 1.1rem 0;
}

#ckbp_neafneaf .itemArea .blk__1 a:hover {
  color: #ffffff;
  border: #A7B4C7 solid 0.1rem;
  background-color: #A7B4C7;
  transition: all .8s;
}

#ckbp_neafneaf .itemArea .blk__1.__2 a:hover {
  color: #ffffff;
  border: #91A79A solid 0.1rem;
  background-color: #91A79A;
  transition: all .8s;
}


/* ---- allItem ---- */
#ckbp_neafneaf .allItem {
  display: block;
  width: 40rem;
  margin: 10rem auto 15rem;
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: 400;
  border: #666666 solid 0.1rem;
  text-align: center;
  padding: 2rem 0;
}

#ckbp_neafneaf .allItem:hover {
  opacity: 0.6;
  transition: all .8s;
}



  /* ---- MODAL ---- */

.modal_link a {
  position: relative;
  display: flex;
  width: 32rem;
  height: 6.5rem;
  justify-content: center;
  align-items: center;
  align-content: center;
  background: #91A397;
  color: #fff;
  font-size: 1.6rem;
  font-weight: bold;
  border-radius: 33rem;
  letter-spacing: 0;
  margin: auto;
}

.modal_link a span{
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
  display: contents;
}

.modal_link a::before {
  position: absolute;
  top: 50%;
  right: 2rem;
  display: inline-block;
  vertical-align: middle;
  color: #333;
  line-height: 1;
  width: .8em;
  height: 2px;
  background: #fff;
  border-radius: 1rem;
  content: "";
}

.modal_link a::after {
  position: absolute;
  top: 50%;
  right: 2rem;
  width: .8em;
  height: 2px;
  background: #fff;
  transform: rotate(90deg);
  border-radius: 1rem;
  content: "";
}

.modal_link .modal__cica a {
  background-color: #EAE1C4;
  color: #095437;
}

.modal_link .modal__cica a::before,
.modal_link .modal__cica a::after {
  background: #095437;
}


.modaal-inner-wrapper {
  padding: 0;
}

/* ===================
      MODAL
=================== */

.modal_section.hidden {
  display: none;
}

.about_modal .modaal-container {
  width: 80rem;
  max-width: 100%;
  background: transparent;
  box-shadow: none;
  font-size: 1.4rem;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0;
}

.about_modal .modaal-content-container {
  padding: 0;
  text-align: center;
}

.about_modal .modaal-close {
  position: absolute;
  top: 2rem;
  right: 2rem;
  width: 3rem;
  height: 3rem;
  border-radius: 100%;
  background: #FFFFFF;
  z-index: 3;
  transition: all .2s ease-in-out;
}

.about_modal .modaal-close:after,
.about_modal .modaal-close:before,
.about_modal .modaal-close:hover:after,
.about_modal .modaal-close:hover:before {
  background: #91A397;
}

.about_modal .modaal-close:after,
.about_modal .modaal-close:before {
  top: .8rem;
  left: 1.4rem;
  width: 2px;
  height: 1.5rem;
  border-radius: 1rem;
}

.about_modal .modaal-close:hover {
  opacity: .8;
}

.about_modal .modal_ttl {
  position: relative;
  z-index: 2;
  margin-bottom: -1.8rem;
  padding-left: 1rem;
  color: #BC7159;
  font-size: 4.8rem;
  text-align: left;
}

.about_modal .modal_img {
  width: 50rem;
}

.about_modal .modal_img img {
  width: 100%;
}

.modal_section__inner *,
.modal_section__inner *:before,
.modal_section__inner *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.modal_section__inner ul,
.modal_section__inner li {
  list-style: none;
}

.modal_inner {
  min-height: 54rem;
  padding: 8.7rem 14.8rem 10.5rem;
  box-shadow: 0 3px 6px rgba(0,0,0,0.15);
  text-align: center;
  border-radius: 2.5rem;
  transition: all 1s;
  font-family: YuGothic, 游ゴシック, "Yu Gothic", メイリオ, Meiryo, sans-serif;
}

.modal_inner .about_img {
  margin-bottom: 2.5rem;
  text-align: center;
}

.modal_inner .about_ttl {
  margin-bottom: 4.8rem;
  font-size: 2rem;
  font-weight: bold;
}

.modal_inner .about_txt {
  font-size: 1.4rem;
  line-height: 2;
  text-align: center;
}

.about_vt {
  background: #91A397;
  color: #fff;
}

.about_vt .about_img img {
  width: 12.9rem;
}

.about_cica {
  padding-top: 8rem;
  background: #EAE1C4;
  color: #095437;
}

.about_cica .about_img img {
  width: 39rem;
}

.about_modal.about_modal_cica .modaal-close {
  background: #095437;
}

.about_modal.about_modal_cica .modaal-close:after,
.about_modal.about_modal_cica .modaal-close:before,
.about_modal.about_modal_cica .modaal-close:hover:after,
.about_modal.about_modal_cica .modaal-close:hover:before {
  background: #EFE9DB;
}











  


  @media screen and (min-width:768px) and ( max-width:1400px) {
    html{font-size: calc(10 *(100vw / 1400));}
  }

  /*SmaertPhone
  ---------------------------------------*/
  @media screen and (max-width:768px) {
  /*common
  ---------------------------------------*/
  .sp_only{display: block;}
  .pc_only{display: none;}



  
/* ==== mvArea ==== */
#ckbp_neafneaf .mvArea {
  width: 100%;
}

#ckbp_neafneaf .MV_inner {
  height: unset;
}

#ckbp_neafneaf .mvArea p {
  font-size: 1.8rem;
  line-height: 2;
  letter-spacing: 0.04em;
  margin: 6rem auto;
}

#ckbp_neafneaf .mvArea ul {
  margin: calc(50 *(100vw/375)) auto 0;
  flex-wrap: wrap;
}

#ckbp_neafneaf .mvArea li:nth-of-type(1) {
  width: calc(200 *(100vw/375));
}

#ckbp_neafneaf .mvArea li:nth-of-type(2) {
  margin-right: 0;
}

#ckbp_neafneaf .mvArea h3 {
  font-size: calc(15 *(100vw/375));
  text-align: center;
  margin-top: calc(25 *(100vw/375));
}

#ckbp_neafneaf .mvArea p {
  font-size: calc(13 *(100vw/375));
  margin: calc(20 *(100vw/375)) auto 0;
  text-align: center;
}


/* ==== scheduleArea ==== */
#ckbp_neafneaf .scheduleArea {
  margin: calc(70 *(100vw/375)) auto 0;
  padding: calc(70 *(100vw/375)) 0;
}

#ckbp_neafneaf .modal_link {
  position: relative;
}

#ckbp_neafneaf .modal_link::before {
  width: 1px;
  height: calc(60 *(100vw/375));
  top: calc(-100 *(100vw/375));
}

/* ---- RELEASE SCHEDULE ---- */

.release_schedule {
  width: calc(335 *(100vw/375));
  margin: calc(90 *(100vw/375)) auto 0;
  padding: calc(60 *(100vw/375)) calc(0 *(100vw/375));
  border-radius: calc(25 *(100vw/375));
}

.release_schedule .release_schedule_ttl {
  margin: calc(-77 *(100vw/375)) 0 calc(40 *(100vw/375));
  font-size: calc(30 *(100vw/375));
}

.release_schedule .ttl_sub.sub_pre {
color: #3C6E4C;
margin-top: 0;
padding: 0;
border: none;
}

.release_schedule .ttl_sub.sub_pre::before {
display: none;
}

/* ---- RELEASE CONT ---- */
.release_schedule .release_cont {
text-align: center;
}

.release_schedule .release_cont .release_cont__ttl {
  margin: 0 0 calc(10 *(100vw/375));
  font-size: calc(15 *(100vw/375));
  letter-spacing: 0;
  line-height: 1;
}

.release_schedule .release_cont .release_cont__txt {
  margin: 0 0 calc(20 *(100vw/375));
  text-align: center;
  font-size: calc(13 *(100vw/375));
  line-height: 1.7;
  letter-spacing: 0;
}

.release_schedule .txt_sm {
  font-size: calc(11 *(100vw/375));
  line-height: 1.7;
  letter-spacing: 0;
}

.release_schedule .ttl_sub {
  margin: calc(35 *(100vw/375)) 0 calc(30 *(100vw/375));
  font-size: calc(16 *(100vw/375));
}

.release_schedule .ttl_sub::before {
  width: calc(280 *(100vw/375));
}

/* ---- pickupArea ---- */
#ckbp_neafneaf .pickupArea {
background: url(../../../../Contents/ImagesPkg/product/detail/ckbp_neafneaf/pickUp_bg_sp.jpg) no-repeat;
background-size: cover;
}

#ckbp_neafneaf .pickupArea {
  padding: calc(80 *(100vw/375)) 0;
}

#ckbp_neafneaf .pickupArea ul {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  width: calc(355 *(100vw/375));
  height: calc(467 *(100vw/375));
  position: relative;
  margin: auto;
  overflow: hidden;
}

#ckbp_neafneaf .pickupArea ul li {
  width: calc(279 *(100vw/375));
}

#ckbp_neafneaf .pickupArea ul li:nth-of-type(1) {
  position: absolute;
  top: 0;
  left: calc(-30 *(100vw/375));
  }
  

#ckbp_neafneaf .pickupArea ul li:nth-of-type(2) {
  position: absolute;
  bottom: calc(30 *(100vw/375));
  right: calc(-30 *(100vw/375));
}

#ckbp_neafneaf .pickupArea h2 {
  font-size: calc(30 *(100vw/375));
}

#ckbp_neafneaf .pickupArea h3 {
  font-size: calc(26 *(100vw/375));
  margin: calc(-35 *(100vw/375)) auto 0;
}

#ckbp_neafneaf .pickupArea h4 {
  font-size: calc(13 *(100vw/375));
}

#ckbp_neafneaf .textArea {
  width: calc(335 *(100vw/375));
  border-radius: calc(25 *(100vw/375));
  padding: calc(30 *(100vw/375));
  margin: calc(20 *(100vw/375)) auto 0;
}

#ckbp_neafneaf .textArea p {
  font-size: calc(13 *(100vw/375));
}


/* ---- itemArea ---- */
#ckbp_neafneaf .itemArea {
  margin: calc(60 *(100vw/375)) auto;
}

#ckbp_neafneaf .itemArea .fl__1 {
  flex-wrap: wrap;
}

#ckbp_neafneaf .itemArea .blk__1 {
  width: calc(335 *(100vw/375));
  padding: 0 0 calc(50 *(100vw/375));
  border-radius: calc(25 *(100vw/375));
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
}

#ckbp_neafneaf .itemArea .blk__1:nth-of-type(2) {
  margin-left: 0;
  margin-top: calc(50 *(100vw/375));
}

#ckbp_neafneaf .itemArea .item_img {
  width: calc(250 *(100vw/375));
  margin: calc(40 *(100vw/375)) auto calc(60 *(100vw/375));
}

#ckbp_neafneaf .itemArea .text_Area {
  padding: calc(40 *(100vw/375)) calc(20 *(100vw/375));
  font-size: calc(15 *(100vw/375));
  letter-spacing: 0.1em;
}

#ckbp_neafneaf .itemArea .blk__1 .text_Area::before {
  width: calc(176 *(100vw/375));
  height: calc(60 *(100vw/375));
  top: calc(-40 *(100vw/375));
  left: calc(80 *(100vw/375));
}

#ckbp_neafneaf .itemArea .blk__1.__2 .text_Area::before {
  width: calc(176 *(100vw/375));
  height: calc(60 *(100vw/375));
  top: calc(-40 *(100vw/375));
  left: calc(80 *(100vw/375));
}

#ckbp_neafneaf .itemArea .blk__1.__2 .text_Area {
background-color: #F4F8F5;
}

#ckbp_neafneaf .itemArea .text_Area p {
font-size: 1.6rem;
line-height: 2;
}

#ckbp_neafneaf .itemArea .subtext {
  font-size: calc(14 *(100vw/375));
  line-height: 2;
  text-align: center;
  margin: calc(30 *(100vw/375)) auto calc(20 *(100vw/375));
}

#ckbp_neafneaf .itemArea .fl__2 {
  display: flex;
  justify-content: left;
  align-items: center;
  padding: 0 0 0 calc(24 *(100vw/375));
  flex-wrap: wrap;
}

#ckbp_neafneaf .itemArea .fl__2 li {
  width: calc(85 *(100vw/375));
}

#ckbp_neafneaf .itemArea .nowrap {
  white-space: nowrap;
}

#ckbp_neafneaf .itemArea .fl__2 .move {
  margin-left: calc(-6 *(100vw/375));
}

#ckbp_neafneaf .itemArea .fl__2 li:nth-of-type(2) {
  margin: 0 calc(15 *(100vw/375));
}

#ckbp_neafneaf .itemArea .fl__2.__2 li:nth-of-type(3) {
  margin: 0 calc(15 *(100vw/375)) 0 0;
}

#ckbp_neafneaf .itemArea .fl__2.__2 li:nth-of-type(6) {
  margin: calc(15 *(100vw/375)) calc(15 *(100vw/375))  0;
}

#ckbp_neafneaf .itemArea .fl__2.__2 li:nth-of-type(4) ,
#ckbp_neafneaf .itemArea .fl__2.__2 li:nth-of-type(5) ,
#ckbp_neafneaf .itemArea .fl__2.__2 li:nth-of-type(7){
  margin: calc(15 *(100vw/375)) 0 0 0;
}

#ckbp_neafneaf .itemArea .fl__2.__2 li:nth-of-type(5) {
  margin-left: calc(15 *(100vw/375));
}

#ckbp_neafneaf .itemArea .fl__2 li p {
  font-size: calc(10 *(100vw/375));
  margin-top: calc(15 *(100vw/375));
}

#ckbp_neafneaf .itemArea .itemName {
  font-size: calc(13 *(100vw/375));
  margin: calc(30 *(100vw/375)) auto calc(20 *(100vw/375));
}

#ckbp_neafneaf .itemArea .price {
  font-size: calc(15 *(100vw/375));
}

#ckbp_neafneaf .itemArea .price span {
  font-size: calc(12 *(100vw/375));
}

#ckbp_neafneaf .itemArea a {
  width: calc(250 *(100vw/375));
  margin: calc(30 *(100vw/375)) auto 0;
  font-size: calc(13 *(100vw/375));
  border: #666666 solid 1px;
  padding: calc(11 *(100vw/375)) 0;
}

#ckbp_neafneaf .itemArea .blk__1 a:hover {
color: #ffffff;
border: #A7B4C7 solid 0.1rem;
background-color: #A7B4C7;
transition: all .8s;
}

#ckbp_neafneaf .itemArea .blk__1.__2 a:hover {
color: #ffffff;
border: #91A79A solid 0.1rem;
background-color: #91A79A;
transition: all .8s;
}


/* ---- allItem ---- */
#ckbp_neafneaf .allItem {
  width: calc(295 *(100vw/375));
  margin: calc(60 *(100vw/375)) auto calc(100 *(100vw/375));
  font-size: calc(16 *(100vw/375));
  border: #666666 solid 1px;
  padding: calc(20 *(100vw/375)) 0;
}

#ckbp_neafneaf .allItem:hover {
opacity: 0.6;
transition: all .8s;
}



/* ---- MODAL ---- */

.modal_link a {
  width: calc(295 *(100vw/375));
  height: calc(60 *(100vw/375));
  font-size: calc(16 *(100vw/375));
  border-radius: calc(33 *(100vw/375));
}

.modal_link a::before {
  position: absolute;
  top: 50%;
  right: calc(25 *(100vw/375));
  display: inline-block;
  vertical-align: middle;
  color: #333;
  line-height: 1;
  width: calc(11 *(100vw/375));
  height: 2px;
  background: #fff;
  border-radius: 1rem;
  content: "";
}

.modal_link a::after {
position: absolute;
top: 50%;
right: calc(25 *(100vw/375));
width: calc(11 *(100vw/375));
height: 2px;
background: #fff;
transform: rotate(90deg);
border-radius: 1rem;
content: "";
}

.modal_link span {}

.modal_link .modal__vt a {}

.modal_link .modal__cica a {
background-color: #EAE1C4;
color: #095437;
}

.modal_link .modal__cica a::before,
.modal_link .modal__cica a::after {
background: #095437;
}

.modaal-inner-wrapper {
padding: 0;
}

/* ===================
    MODAL
=================== */

.modal_section.hidden {
display: none;
}

.about_modal .modaal-container {
  width: calc(355 *(100vw/375));
  background: transparent;
  box-shadow: none;
  font-size: 1.4rem;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0;
}

.about_modal .modaal-content-container {
padding: 0;
text-align: center;
}

.about_modal .modaal-close {
  position: absolute;
  top: calc(20 *(100vw/375));
  right: calc(20 *(100vw/375));
  width: calc(30 *(100vw/375));
  height: calc(30 *(100vw/375));
  border-radius: 100%;
  background: #FFFFFF;
  z-index: 3;
}

.about_modal .modaal-close:after,
.about_modal .modaal-close:before,
.about_modal .modaal-close:hover:after,
.about_modal .modaal-close:hover:before {
background: #91A397;
}

.about_modal .modaal-close:after,
.about_modal .modaal-close:before {
top: .8rem;
left: 1.4rem;
width: 2px;
height: 1.5rem;
border-radius: 1rem;
}

.about_modal .modaal-close:hover {
opacity: .8;
}

.about_modal .modal_ttl {
position: relative;
z-index: 2;
margin-bottom: -1.8rem;
padding-left: 1rem;
color: #BC7159;
font-size: 4.8rem;
text-align: left;
}

.about_modal .modal_img {
width: 50rem;
}

.about_modal .modal_img img {
width: 100%;
}

.modal_section__inner *,
.modal_section__inner *:before,
.modal_section__inner *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

.modal_section__inner ul,
.modal_section__inner li {
list-style: none;
}

.modal_inner {
  height: calc(550 *(100vw/375));
  padding: calc(60 *(100vw/375)) calc(0 *(100vw/375));
  box-shadow: 0 3px 6px rgba(0,0,0,0.15);
  text-align: center;
  border-radius: calc(25 *(100vw/375));
  transition: all 1s;
}

.modal_inner .about_img {
  margin-bottom: calc(10 *(100vw/375));
  text-align: center;
}

.modal_inner .about_ttl {
  margin-bottom: calc(30 *(100vw/375));
  font-size: calc(18 *(100vw/375));
  font-weight: bold;
}

.modal_inner .about_txt {
  font-size: calc(13 *(100vw/375));
  line-height: 2;
  text-align: center;
}

.about_vt {
background: #91A397;
color: #fff;
}

.about_vt .about_img img {
  width: calc(100 *(100vw/375));
}




}