@charset "utf-8";

#ProductWrap {
  padding-bottom: 0;
  line-height: 1.3;
  font-family: "Inter", sans-serif;
  color: #3d3d3d;
}

.mv_img {
  font-size: 0;
}

.tabisuru_hr {
  padding: 20px 0;
  font-size: 0;
  background: url(https://image.lululun.com/ec_assets/tabisuru/area/images/com_bg.png) 50% 50% / 100% auto repeat-y;
}
#ProductWrap .hr_logo img {
  width: auto;
  max-width: none;
  height: 27px;
}

.area_txt {
  padding: 80px 20px 9vw;
  background: url(https://image.lululun.com/ec_assets/tabisuru/area/images/com_bg.png) 50% 50% / 100% auto repeat-y;
  overflow: hidden;
}
.area_txt_inner {
  font-size: 16px;
  font-weight: 500;
  color: #62473c;
  letter-spacing: 2px;
  line-height: 2;
}
.area_txt_inner .area_txt_main {
  display: block;
  margin-bottom: 38px;
  width: 100%;
}
.area_txt_title {
  margin-bottom: 48px;
  font-size: 30px;
  font-weight: 500;
  line-height: 1.6;
}
.area_txt_title small {
  position: relative;
  display: inline-block;
  padding: 12px 20px 10px;
  margin-bottom: 40px;
  font-size: 20px;
  letter-spacing: 1px;
  font-weight: 600;
  color: #221815;
  background: #FFF;
  border: 2px solid #fec000;
  border-radius: 120px;
}
.area_txt_img.img_b {
  max-width: 924px;
  margin: 0 auto;
}

.hr_list {
  display: flex;
}

.area_products {
  padding: 15vw 20px 64px;
  margin-top: -6vw;
  background: url(https://image.lululun.com/ec_assets/tabisuru/top/images/sec_bg03_pc.png) 50% 0 / cover no-repeat;
}
.area_products_title {
  display: block;
  margin-bottom: 48px;
  font-size: 34px;
  text-align: center;
  font-weight: 600;
  letter-spacing: 2px;
  line-height: 1.2;
}
.area_products_list {
  display: flex;
  max-width: 960px;
  margin: 0 auto;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 32px 0;
}
.area_products_list::before,
.area_products_list::after {
  content: "";
  width: 32%;
  order: 1;
}
/* 商品が1点のときは中央に置く */
.area_products_list:has(> .area_products_card:only-child) {
  justify-content: center;
}
.area_products_list:has(> .area_products_card:only-child)::before,
.area_products_list:has(> .area_products_card:only-child)::after {
  display: none;
}
.area_products_card {
  position: relative;
  width: 32%;
  padding: 40px 15px 80px;
  background: #FFF;
  border: 3px solid #f7f7f7;
  border-radius: 14px;
  box-shadow: 4px 2px 0 #ffe8a5;
}
.products_pkg {
  max-width: 120px;
  margin: 0 auto 20px;
}
.products_name {
  display: block;
  margin-bottom: 20px;
  font-size: 18px;
  letter-spacing: 1px;
  line-height: 1.3;
  font-weight: 600;
  color: #4b3002;
}
.products_txt {
  margin-bottom: 32px;
  font-size: 13px;
  -webkit-line-clamp: 6;
  -moz-line-clamp: 6;
  line-clamp: 6;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
}
.products_card_inner table {
  width: 100%;
  margin: 0 auto 40px;
  font-size: 12px;
  text-align: left;
  color: #a0a0a0;
}
.products_card_inner table th {
  padding-right: 12px;
  white-space: nowrap;
  vertical-align: text-top;
}
.products_card_inner table td {
  padding-bottom: 10px;
}
.products_btn_wrap {
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 20px;
}
#ProductWrap .products_btn {
  display: flex;
  width: 100%;
  height: 48px;
  font-size: 14px;
  color: #FFF;
  background: #DDD;
  align-items: center;
  justify-content: center;
}
#ProductWrap .products_btn:hover {
  opacity: 0.6;
}

.area_shopping {
  padding: 80px 20px;
  background: #fafafa;
}
.area_shopping_inner {
  display: flex;
  max-width: 880px;
  margin: 0 auto;
  gap: 40px;
  align-items: center;
}
.area_shopping_map {
  width: 280px;
  min-width: 280px;
}
.area_shopping_info {
  width: 100%;
  text-align: left;
}
.area_shopping_title {
  display: block;
  margin-bottom: 24px;
  font-size: 28px;
  font-weight: 700;
  letter-spacing: 2px;
}
.area_shopping_list {
  margin-bottom: 32px;
}
.area_shopping_list li {
  padding: 15px 12px;
  font-size: 15px;
  color: #909090;
  border-bottom: 1px solid #f0f0f0;
}
.area_shopping_list li:last-child {
  border-bottom: none;
}
.area_shopping_note {
  display: block;
  margin-bottom: 30px;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 1.5;
  color: #939393;
}
.area_shopping_link {
  display: inline-block;
  padding-bottom: 3px;
  border-bottom: 1px solid;
}
.area_shopping_link:hover {
  opacity: 0.6;
}

.area_reason {
  padding: 80px 20px;
  background: url(https://image.lululun.com/ec_assets/tabisuru/area/images/com_bg.png) 50% 50% / 100% auto repeat-y;
}
.reason_title {
  display: inline-flex;
  max-width: 880px;
  padding: 14px 40px 12px;
  margin: 0 auto 64px;
  font-size: 32px;
  font-weight: 600;
  letter-spacing: 2px;
  background: #FFF;
  border: 3px solid #ddd;
  border-radius: 100px;
  align-items: center;
  justify-content: center;
}
.reason_cards {
  display: flex;
  max-width: 880px;
  margin: 0 auto;
  flex-wrap: wrap;
  gap: 40px 0;
  justify-content: space-between;
}
.reason_card {
  position: relative;
  width: 48%;
  padding: 80px 20px 100px;
  margin-top: 32px;
  border-radius: 20px;
  z-index: 2;
}
.reason_card::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fffbf5;
  border-radius: 20px;
  z-index: -1;
}
.reason_card::before {
  content: "";
  position: absolute;
  top: 8px;
  right: -4px;
  width: 100%;
  height: 100%;
  background: #ece4d8;
  border-radius: 20px;
  opacity: 0.4;
  z-index: -2;
}
.reason_card_inner::before {
  content: "";
  position: absolute;
  top: -10px;
  left: 40px;
  right: 40px;
  height: 33px;
  background: url(https://image.lululun.com/ec_assets/tabisuru/area/images/noto_path02.png) 50% 100% / contain no-repeat;
}
.reason_card_inner::after {
  content: "";
  position: absolute;
  top: 50px;
  left: 20px;
  right: 20px;
  bottom: 40px;
  background: repeating-linear-gradient(0deg, #f4eee4 0 0.94px, transparent 2.58px 28px);
  opacity: 0.5;
  transform: rotate(0.5deg);
  z-index: 0;
}
.reason_card_title {
  position: relative;
  display: block;
  margin-bottom: 24px;
  font-size: 20px;
  font-weight: 700;
  z-index: 1;
}
.reason_card_txt {
  position: relative;
  line-height: 1.5;
  z-index: 1;
}
.reason_ill {
  position: absolute;
  right: -38px;
  bottom: -40px;
  width: 120px;
  filter: drop-shadow(3px 2px 0 #f5be21);
}

.area_faq {
  padding: 80px 20px 24vw;
}
.faq_title {
  display: block;
  margin-bottom: 40px;
  font-size: 32px;
  font-weight: 600;
  letter-spacing: 1px;
}
.faq_list {
  max-width: 880px;
  margin: 0 auto;
}
.faq_list dl {
  width: 100%;
  text-align: left;
  font-size: 16px;
  border-bottom: 1px solid #f0f0f0;
}
.faq_t {
  position: relative;
  display: flex;
  padding: 20px 40px 20px 12px;
  font-weight: 600;
  gap: 20px;
  cursor: pointer;
}
.faq_d {
  display: flex;
  padding: 0 12px 20px;
  gap: 20px;
}
.faq_list dd {
  display: none;
}
.faq_t::after {
  content: "";
  position: absolute;
  top: 49%;
  right: 12px;
  width: 16px;
  height: 1px;
  background: #3d3d3d;
}
.faq_t::before {
  content: "";
  position: absolute;
  top: 49%;
  right: 12px;
  width: 16px;
  height: 1px;
  background: #3d3d3d;
  transform: rotate(90deg);
  transition: 0.3s;
}
.faq_t.open::before {
  transform: rotate(0);
}

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

  #ProductWrap .hr_logo img {
    height: 20px;
  }

  .area_txt {
    padding: 40px 15px 14vw;
  }

  .area_txt_inner {
    font-size: 13px;
    letter-spacing: 0.5px;
    line-height: 1.8;
    flex-wrap: wrap;
    gap: 0;
  }
  .img_l,
  .img_r {
    width: 48%;
    padding: 0 7%;
    order: 1;
  }
  .img_l {
    padding: 0;
  }
  .area_txt_main {
    margin-bottom: 20px;
  }
  .area_txt_title {
    margin-bottom: 24px;
    font-size: 24px;
  }
  .area_txt_title small {
    padding: 6px 12px 4px;
    font-size: 14px;
  }
  .area_txt_img.img_b {
    display: flex;
    width: calc(100% + 30px);
    margin: 0 -15px;
    text-align: center;
    align-items: center;
    justify-content: center;
  }
  #ProductWrap .area_txt_img.img_b img {
    display: block;
    width: auto;
    max-width: none;
    height: 126px;
    padding-left: 42px;
    margin: 0 auto;
    object-fit: cover;
  }

  .area_products {
    padding: 25vw 15px 40px;
    margin-top: -12vw;
    background-image: url(https://image.lululun.com/ec_assets/tabisuru/top/images/sec_bg03_sp.png);
  }
  .area_products_title {
    margin-bottom: 32px;
    font-size: 22px;
  }
  .area_products_card {
    width: 100%;
    padding: 32px 15px 72px;
  }
  .products_name {
    font-size: 16px;
  }
  .products_txt {
    margin-bottom: 24px;
    line-height: 1.6;
  }
  .products_card_inner table {
    margin-bottom: 20px;
  }
  
  .area_shopping {
    padding: 64px 15px;
  }
  .area_shopping_inner {
    display: block;
  }
  .area_shopping_map {
    width: 200px;
    min-width: auto;
    margin: 0 auto 40px;
  }
  .area_shopping_title {
    margin-bottom: 20px;
    font-size: 20px;
    text-align: center;
  }

  #ProductWrap .area_shopping_link {
    display: block;
    max-width: 112px;
    margin: 0 auto;
  }

  .area_reason {
    padding: 64px 15px;
  }
  .reason_title {
    padding: 10px 12px;
    margin-bottom: 40px;
    font-size: 20px;
  }
  .reason_card {
    width: 100%;
    margin: 0;
  }
  .reason_card_inner::before {
    left: 5%;
    right: 5%;
    top: -12px;
    height: 30px;
  }
  .reason_card_title {
    font-size: 18px;
  }
  .reason_ill {
    right: -10px;
    width: 100px;
  }

  .area_faq {
    padding: 64px 15px 40vw;
  }
  .faq_title {
    margin-bottom: 24px;
    font-size: 20px;
  }
  .faq_list dl {
    font-size: 14px;
  }
  .faq_t {
    padding: 20px 40px 20px 10px;
  }

}

/*--------------配色調整---------------*/

.area_hokkaido .mv_area_map {
  border-color: #99CFF1;
}

.area_products_card.lavender {
  border-color: #794490;
}
.area_products_card.melon {
  border-color: #f59b23;
}
.area_products_card.honey {
  border-color: #f6ab00;
}
.area_products_card.haskap {
  border-color: #006684;
}
.area_products_card.milk {
  border-color: #0068b7;
}
.area_products_card.hokkaido-handcream {
  border-color: #8c6ed2;
}

#ProductWrap .area_products_card.lavender .products_btn {
  background: #794490;
}
#ProductWrap .area_products_card.melon .products_btn {
  background: #f59b23;
}
#ProductWrap .area_products_card.honey .products_btn {
  background: #f6ab00;
}
#ProductWrap .area_products_card.haskap .products_btn {
  background: #006684;
}
#ProductWrap .area_products_card.milk .products_btn {
  background: #0068b7;
}
#ProductWrap .area_products_card.hokkaido-handcream .products_btn {
  background: #8c6ed2;
}

/* 東北 */
.area_products_card.cherry {
  border-color: #e6003d;
}
.area_products_card.bamboo {
  border-color: #347c37;
}
.area_products_card.anonatsu {
  border-color: #001655;
}

#ProductWrap .area_products_card.cherry .products_btn {
  background: #e6003d;
}
#ProductWrap .area_products_card.bamboo .products_btn {
  background: #347c37;
}
#ProductWrap .area_products_card.anonatsu .products_btn {
  background: #001655;
}

/* 関東 */
.area_products_card.tochiaika {
  border-color: #e50051;
}
.area_products_card.fujinohana {
  border-color: #5e306b;
}
.area_products_card.tochigi-handcream {
  border-color: #e85771;
}
.area_products_card.tokyo-koji {
  border-color: #f2522e;
}
.area_products_card.tokyo-tsubaki {
  border-color: #d60b18;
}
.area_products_card.tokyo-handcream {
  border-color: #e8330e;
}
.area_products_card.hakonebara {
  border-color: #078a76;
}
.area_products_card.ajisai {
  border-color: #a4629c;
}
.area_products_card.hakone-handcream {
  border-color: #ba7586;
}
.area_products_card.yokohama-coffee {
  border-color: #a30001;
}

#ProductWrap .area_products_card.tochiaika .products_btn {
  background: #e50051;
}
#ProductWrap .area_products_card.fujinohana .products_btn {
  background: #5e306b;
}
#ProductWrap .area_products_card.tochigi-handcream .products_btn {
  background: #e85771;
}
#ProductWrap .area_products_card.tokyo-koji .products_btn {
  background: #f2522e;
}
#ProductWrap .area_products_card.tokyo-tsubaki .products_btn {
  background: #d60b18;
}
#ProductWrap .area_products_card.tokyo-handcream .products_btn {
  background: #e8330e;
}
#ProductWrap .area_products_card.hakonebara .products_btn {
  background: #078a76;
}
#ProductWrap .area_products_card.ajisai .products_btn {
  background: #a4629c;
}
#ProductWrap .area_products_card.hakone-handcream .products_btn {
  background: #ba7586;
}
#ProductWrap .area_products_card.yokohama-coffee .products_btn {
  background: #a30001;
}

/* 中部 */
.area_products_card.peach {
  border-color: #fa7385;
}
.area_products_card.shine-muscat {
  border-color: #006e31;
}
.area_products_card.peach-handcream {
  border-color: #c3749b;
}
.area_products_card.fuji {
  border-color: #3656a4;
}
.area_products_card.niigata {
  border-color: #d99b00;
}
.area_products_card.kagaboucha {
  border-color: #002758;
}
.area_products_card.rubyroman {
  border-color: #c11920;
}
.area_products_card.oguratoast {
  border-color: #6c2463;
}

#ProductWrap .area_products_card.peach .products_btn {
  background: #fa7385;
}
#ProductWrap .area_products_card.shine-muscat .products_btn {
  background: #006e31;
}
#ProductWrap .area_products_card.peach-handcream .products_btn {
  background: #c3749b;
}
#ProductWrap .area_products_card.fuji .products_btn {
  background: #3656a4;
}
#ProductWrap .area_products_card.niigata .products_btn {
  background: #d99b00;
}
#ProductWrap .area_products_card.kagaboucha .products_btn {
  background: #002758;
}
#ProductWrap .area_products_card.rubyroman .products_btn {
  background: #c11920;
}
#ProductWrap .area_products_card.oguratoast .products_btn {
  background: #6c2463;
}

/* 関西 */
.area_products_card.sakaki {
  border-color: #d14c2b;
}
.area_products_card.shinju {
  border-color: #344b8a;
}
.area_products_card.ise-handcream {
  border-color: #e01b24;
}
.area_products_card.green-tea {
  border-color: #1f4a21;
}
.area_products_card.maiko {
  border-color: #e5004e;
}
.area_products_card.kyoto-handcream {
  border-color: #8f225f;
}
.area_products_card.mixjuice {
  border-color: #e47816;
}
.area_products_card.osaka-handcream {
  border-color: #ee7e54;
}
.area_products_card.nara-herb {
  border-color: #910011;
}
.area_products_card.wakayama-ume {
  border-color: #d93638;
}
.area_products_card.hyogo-montblanc {
  border-color: #790006;
}

#ProductWrap .area_products_card.sakaki .products_btn {
  background: #d14c2b;
}
#ProductWrap .area_products_card.shinju .products_btn {
  background: #344b8a;
}
#ProductWrap .area_products_card.ise-handcream .products_btn {
  background: #e01b24;
}
#ProductWrap .area_products_card.green-tea .products_btn {
  background: #1f4a21;
}
#ProductWrap .area_products_card.maiko .products_btn {
  background: #e5004e;
}
#ProductWrap .area_products_card.kyoto-handcream .products_btn {
  background: #8f225f;
}
#ProductWrap .area_products_card.mixjuice .products_btn {
  background: #e47816;
}
#ProductWrap .area_products_card.osaka-handcream .products_btn {
  background: #ee7e54;
}
#ProductWrap .area_products_card.nara-herb .products_btn {
  background: #910011;
}
#ProductWrap .area_products_card.wakayama-ume .products_btn {
  background: #d93638;
}
#ProductWrap .area_products_card.hyogo-montblanc .products_btn {
  background: #790006;
}

/* 中国・四国 */
.area_products_card.enmusubi-botan {
  border-color: #bd2f60;
}
.area_products_card.setouchi-lemon {
  border-color: #008556;
}
.area_products_card.setouchi-handcream {
  border-color: #008556;
}
.area_products_card.shodoshima-olive {
  border-color: #ab860c;
}
.area_products_card.shikoku-kankitsu {
  border-color: #0a7ac0;
}

#ProductWrap .area_products_card.enmusubi-botan .products_btn {
  background: #bd2f60;
}
#ProductWrap .area_products_card.setouchi-lemon .products_btn {
  background: #008556;
}
#ProductWrap .area_products_card.setouchi-handcream .products_btn {
  background: #008556;
}
#ProductWrap .area_products_card.shodoshima-olive .products_btn {
  background: #ab860c;
}
#ProductWrap .area_products_card.shikoku-kankitsu .products_btn {
  background: #0a7ac0;
}

/* 九州 */
.area_products_card.amaou {
  border-color: #de0319;
}
.area_products_card.kabosu {
  border-color: #008232;
}
.area_products_card.tulip {
  border-color: #e50058;
}
.area_products_card.amanatsu {
  border-color: #8a2a06;
}

#ProductWrap .area_products_card.amaou .products_btn {
  background: #de0319;
}
#ProductWrap .area_products_card.kabosu .products_btn {
  background: #008232;
}
#ProductWrap .area_products_card.tulip .products_btn {
  background: #e50058;
}
#ProductWrap .area_products_card.amanatsu .products_btn {
  background: #8a2a06;
}

/* 沖縄 */
.area_products_card.shikuwasa {
  border-color: #0069a0;
}
.area_products_card.acerola {
  border-color: #e50024;
}
.area_products_card.getto {
  border-color: #e94378;
}
.area_products_card.aloevera {
  border-color: #008a65;
}
.area_products_card.okinawa-hairmask {
  border-color: #00ae80;
}

#ProductWrap .area_products_card.shikuwasa .products_btn {
  background: #0069a0;
}
#ProductWrap .area_products_card.acerola .products_btn {
  background: #e50024;
}
#ProductWrap .area_products_card.getto .products_btn {
  background: #e94378;
}
#ProductWrap .area_products_card.aloevera .products_btn {
  background: #008a65;
}
#ProductWrap .area_products_card.okinawa-hairmask .products_btn {
  background: #00ae80;
}

/* 都道府県ごとのグループ */
.area_products_group + .area_products_group {
  margin-top: 56px;
}
.area_products_group_head {
  display: flex;
  max-width: 960px;
  margin: 0 auto 24px;
  padding-bottom: 12px;
  border-bottom: 2px solid #ffe8a5;
  align-items: center;
  justify-content: space-between;
  gap: 8px 16px;
  flex-wrap: wrap;
}
.area_products_group_title {
  font-size: 24px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 1.3;
  color: #4b3002;
}
#ProductWrap .area_products_group_link {
  position: relative;
  padding-right: 18px;
  font-size: 14px;
  font-weight: 600;
  color: #4b3002;
  text-decoration: underline;
}
#ProductWrap .area_products_group_link::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 2px;
  width: 7px;
  height: 7px;
  border-top: 2px solid currentColor;
  border-right: 2px solid currentColor;
  transform: translateY(-50%) rotate(45deg);
}
#ProductWrap .area_products_group_link:hover {
  opacity: 0.6;
}
@media screen and (max-width: 767px) {
  .area_products_group + .area_products_group {
    margin-top: 40px;
  }
  .area_products_group_head {
    margin-bottom: 20px;
  }
  .area_products_group_title {
    font-size: 19px;
  }
  #ProductWrap .area_products_group_link {
    font-size: 13px;
  }
}

/* 空港 */
.area_products_card.airline {
  border-color: #2f6fa8;
}

#ProductWrap .area_products_card.airline .products_btn {
  background: #2f6fa8;
}

/* 海外 */
.area_products_card.singapore {
  border-color: #d6337a;
}
.area_products_card.plumeria {
  border-color: #1f9a96;
}
.area_products_card.polynesia {
  border-color: #c8344f;
}

#ProductWrap .area_products_card.singapore .products_btn {
  background: #d6337a;
}
#ProductWrap .area_products_card.plumeria .products_btn {
  background: #1f9a96;
}
#ProductWrap .area_products_card.polynesia .products_btn {
  background: #c8344f;
}

.area_hokkaido .reason_title {
  color: #0068b7;
  border-color: #99CFF1;
}