@charset "UTF-8";
/* --------------------------------------------------------------

	初期設定

----------------------------------------------------------------- */
/* h1 読み上げ対策 */
.ec-featureRole .ec-featureRole__head {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  max-width: 5000px !important;
}

/* 商品紐付けで自動表示されるアンカーリンクを非表示*/
.ec-featureItems.buttons {
  display: none;
}

@media only screen and (max-width: 767px) {
  .contents_ {
    width: 100% !important;
  }
  .ec-featureItems,
  .giftItemsHeadImg {
    padding-left: 16px;
    padding-right: 16px;
  }
}
figure {
  margin: 0;
  padding: 0;
}

.hp_pcOnly {
  display: inline-block;
}

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

@media only screen and (max-width: 767px) {
  .hp_spOnly {
    display: inline-block;
  }
}
@media only screen and (max-width: 767px) {
  .image_sp_w100 {
    width: 100%;
    height: auto;
  }
}
.hp_mb0 {
  margin-bottom: 0 !important;
}

.hp_mb5 {
  margin-bottom: 5px !important;
}

.hp_mb20 {
  margin-bottom: 20px !important;
}

.hp_mt5 {
  margin-top: 5px !important;
}

.hp_mt10 {
  margin-top: 10px !important;
}

.hp_mt15 {
  margin-top: 15px !important;
}

.hp_mt20 {
  margin-top: 20px !important;
}

.hp_mt25 {
  margin-top: 25px !important;
}

.hp_mt30 {
  margin-top: 30px !important;
}

.hp_mt40 {
  margin-top: 40px !important;
}

/* h1とソート機能を非表示 */
.event_name_header_,
.event_name_,
.category_name_ {
  display: none !important;
}

* {
  list-style: none;
}

.ec-featureRole {
  padding-left: 0;
  padding-right: 0;
  max-width: 5000px !important;
}

@media only screen and (max-width: 767px) {
  .ec-featureRole {
    padding-left: 0;
    padding-right: 0;
  }
}
.ec-featureRole .ec-featureRole::before,
.ec-featureRole::after {
  box-sizing: inherit;
  font-size: 15px;
}

.giftItemsHeadImg h3 {
  display: none;
}

.ec-featureRole__headdescription {
  padding: 0 !important;
  margin-bottom: 0 !important;
}

.ec-featureRole__content,
.giftItemsHeadImg {
  padding-bottom: 0 !important;
}

/* common
---------------------------------------------------*/
html {
  scroll-behavior: smooth;
  scroll-padding-top: 180px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

dl {
  margin: 0;
}

a {
  color: #000;
}

a:visited {
  color: #000;
}

a:hover,
a:hover > *,
a:visited,
a:visited:hover > * {
  text-decoration: none;
}

a:visited {
  color: #000;
}

.sp {
  display: none;
}

@media only screen and (max-width: 767px) {
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
  br.sp,
  img.sp {
    display: inline;
  }
}
.kanagawa h2 {
  border-radius: 50px;
  background-color: #0072bc;
  text-align: center;
  padding: 11px 0 13px;
  color: #fff;
  font-weight: 600;
  font-size: 24px;
  line-height: 1.2;
  letter-spacing: 0.75px;
  margin: 40px 0 30px;
}
.kanagawa .lead {
  margin: 35px 0 40px;
}
.kanagawa .lead p {
  font-size: 20px;
  color: rgb(51, 51, 51);
  line-height: 1.2;
  text-align: center;
  font-weight: 500;
}
.kanagawa .lead p.catch {
  font-size: 32px;
  color: rgb(0, 114, 188);
  font-weight: 600;
  margin-bottom: 22px;
}
.kanagawa .lead p.catch span {
  font-size: 32px;
  color: #ff3c83;
}

@media only screen and (max-width: 767px) {
  .kanagawa h2 {
    border-radius: 13.333vw;
    padding: 2.4vw 0;
    font-size: 4.8vw;
    line-height: 1.2;
    margin: 5.333vw auto;
    width: 95%;
  }
  .kanagawa .lead {
    margin: 5.333vw 0;
  }
  .kanagawa .lead p {
    font-size: 4vw;
    line-height: 1.6;
  }
  .kanagawa .lead p.catch {
    font-size: 5.333vw;
    margin-bottom: 1.333vw;
  }
  .kanagawa .lead p.catch span {
    font-size: 5.333vw;
  }
}
/* recommend
---------------------------------------------------*/
.kanagawa .recommend {
  border-top: min(0.078vw, 1px) solid #d3d3d3;
  margin: min(3.125vw, 40px) 0 0;
  position: relative;
  height: min(45.313vw, 580px);
}
.kanagawa .recommend .recommend_img_pc {
  position: absolute;
  left: min(4.219vw, 54px);
  top: min(2.344vw, 30px);
  width: min(85vw, 1088px);
  height: auto;
  z-index: 5;
}
.kanagawa .recommend .st img {
  display: block;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
}
.kanagawa .recommend .st img.recommend_st1 {
  width: min(25.625vw, 328px);
  height: auto;
  top: min(11.016vw, 141px);
}
.kanagawa .recommend .st img.recommend_st2 {
  width: min(31.875vw, 408px);
  height: auto;
  top: min(15.859vw, 203px);
}
.kanagawa .recommend ul li img {
  position: absolute;
  z-index: 1;
}
.kanagawa .recommend ul li dt, .kanagawa .recommend ul li dd {
  position: absolute;
  z-index: 2;
}
.kanagawa .recommend ul li.li1 dt {
  top: min(9.219vw, 118px);
  left: min(1.406vw, 18px);
}
.kanagawa .recommend ul li.li1 dt span {
  color: #009d8d;
}
.kanagawa .recommend ul li.li1 dd {
  top: min(13.281vw, 170px);
  left: min(3.75vw, 48px);
  width: min(21.641vw, 277px);
}
.kanagawa .recommend ul li.li1 img {
  width: min(27.109vw, 347px);
  height: auto;
  top: min(7.031vw, 90px);
  left: min(0.703vw, 9px);
}
.kanagawa .recommend ul li.li2 dt {
  top: min(26.328vw, 337px);
  left: min(8.906vw, 114px);
}
.kanagawa .recommend ul li.li2 dt span {
  color: #ff6794;
}
.kanagawa .recommend ul li.li2 dd {
  top: min(30.547vw, 391px);
  left: min(19.844vw, 254px);
  width: min(20.313vw, 260px);
}
.kanagawa .recommend ul li.li2 img {
  width: min(26.016vw, 333px);
  height: auto;
  top: min(25.781vw, 330px);
  left: min(16.563vw, 212px);
}
.kanagawa .recommend ul li.li3 dt {
  top: min(11.719vw, 150px);
  right: min(4.219vw, 54px);
}
.kanagawa .recommend ul li.li3 dt span {
  color: #d93bb5;
}
.kanagawa .recommend ul li.li3 dd {
  top: min(15.625vw, 200px);
  right: min(2.422vw, 31px);
  width: min(22.188vw, 284px);
}
.kanagawa .recommend ul li.li3 img {
  width: min(25.938vw, 332px);
  height: auto;
  top: min(10.234vw, 131px);
  right: min(1.719vw, 22px);
}
.kanagawa .recommend ul li.li4 dt {
  top: min(30.781vw, 394px);
  right: min(20.391vw, 261px);
}
.kanagawa .recommend ul li.li4 dt span {
  color: #ff8c47;
}
.kanagawa .recommend ul li.li4 dd {
  top: min(34.922vw, 447px);
  right: min(10.938vw, 140px);
  width: min(28.125vw, 360px);
}
.kanagawa .recommend ul li.li4 img {
  width: min(28.672vw, 367px);
  height: auto;
  top: min(26.328vw, 337px);
  right: min(15.469vw, 198px);
}
.kanagawa .recommend ul li dl dt {
  font-size: min(2.109vw, 27px);
  color: #222;
  font-weight: 600;
  line-height: 1;
}
.kanagawa .recommend ul li dl dt span {
  font-size: min(2.109vw, 27px);
  font-weight: 600;
  line-height: 1;
}
.kanagawa .recommend ul li dl dd {
  font-size: min(1.328vw, 17px);
  color: #222;
  font-weight: 400;
  line-height: 1.6;
}

@media only screen and (max-width: 767px) {
  .kanagawa .recommend {
    border-top: 0.267vw solid #d3d3d3;
    margin: 8vw 0 16vw;
    height: auto;
    position: relative;
  }
  .kanagawa .recommend .recommend_img_pc {
    display: none;
  }
  .kanagawa .recommend .recommend_img1_sp {
    position: absolute;
    top: 33.333vw;
    left: 3.2vw;
    width: 17.6vw;
    height: auto;
    z-index: 3;
  }
  .kanagawa .recommend .recommend_img2_sp {
    position: absolute;
    top: 68vw;
    right: 2.667vw;
    width: 18.667vw;
    height: auto;
    z-index: 3;
  }
  .kanagawa .recommend .recommend_img3_sp {
    position: absolute;
    top: 121.333vw;
    left: 2.667vw;
    width: 18.667vw;
    height: auto;
    z-index: 3;
  }
  .kanagawa .recommend .recommend_img4_sp {
    position: absolute;
    top: 117.333vw;
    right: 2.667vw;
    width: 18.667vw;
    height: auto;
    z-index: 3;
  }
  .kanagawa .recommend .recommend_img5_sp {
    position: absolute;
    bottom: -9.333vw;
    right: 8vw;
    width: 20vw;
    height: auto;
    z-index: 3;
  }
  .kanagawa .recommend .st {
    margin: 8vw 0 14.667vw;
  }
  .kanagawa .recommend .st img {
    display: block;
    position: static;
    left: auto;
    transform: translate(0, 0);
  }
  .kanagawa .recommend .st img.recommend_st1 {
    width: 60%;
    height: auto;
    top: auto;
    margin: auto;
  }
  .kanagawa .recommend .st img.recommend_st2 {
    width: 70%;
    height: auto;
    top: auto;
    margin: auto;
  }
  .kanagawa .recommend ul li {
    width: 100%;
    position: relative;
  }
  .kanagawa .recommend ul li + li {
    margin-top: 20vw;
  }
  .kanagawa .recommend ul li img {
    position: absolute;
    z-index: 1;
  }
  .kanagawa .recommend ul li dt, .kanagawa .recommend ul li dd {
    position: static;
    width: 70% !important;
    margin: auto;
  }
  .kanagawa .recommend ul li.li1 img {
    width: 80%;
    height: auto;
    top: -10.133vw;
    left: 50%;
    transform: translate(-50%, 0);
  }
  .kanagawa .recommend ul li.li2 img {
    width: 80%;
    height: auto;
    top: -8.533vw;
    left: 50%;
    transform: translate(-50%, 0);
  }
  .kanagawa .recommend ul li.li3 img {
    width: 80%;
    height: auto;
    top: -9.6vw;
    right: auto;
    left: 50%;
    transform: translate(-50%, 0);
  }
  .kanagawa .recommend ul li.li4 img {
    width: 80%;
    height: auto;
    top: -10.667vw;
    right: auto;
    left: 50%;
    transform: translate(-50%, 0);
  }
  .kanagawa .recommend ul li dl {
    position: relative;
    z-index: 2;
  }
  .kanagawa .recommend ul li dl dt {
    font-size: 5.333vw;
    text-align: center;
  }
  .kanagawa .recommend ul li dl dt span {
    font-size: 5.333vw;
  }
  .kanagawa .recommend ul li dl dd {
    font-size: 4vw;
    line-height: 1.5;
    margin-top: 3.2vw;
  }
}
/* specialfeature
---------------------------------------------------*/
.kanagawa .specialfeature {
  box-sizing: border-box;
  background-color: #dcf5f7;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding-left: calc(50vw - 50%);
  padding-right: calc(50vw - 50%);
  padding-top: min(1.667vw, 20px);
  padding-bottom: min(5.833vw, 70px);
}
.kanagawa .specialfeature_contents {
  box-sizing: border-box;
  width: 100%;
  max-width: min(95vw, 1140px);
  margin: min(5vw, 60px) auto 0;
  background-color: #fff;
  border-radius: min(1.667vw, 20px);
  padding: min(4.167vw, 50px) min(5vw, 60px);
}
.kanagawa .specialfeature_contents h3 {
  display: flex;
  align-items: center;
  gap: min(1.917vw, 23px);
  font-size: min(2.667vw, 32px);
  line-height: 1.5;
  font-weight: 600;
  margin: 0 0 min(2.5vw, 30px);
}
.kanagawa .specialfeature_contents h3 span {
  display: inline-block;
  width: min(9.333vw, 112px);
  height: min(9.333vw, 112px);
  line-height: min(9.333vw, 112px);
  color: #fff;
  font-weight: 600;
  text-align: center;
  font-size: min(2.167vw, 26px);
  border-radius: 50%;
}
.kanagawa .specialfeature_contents .specialfeature_txt {
  display: flex;
  gap: min(3.75vw, 45px);
  align-items: center;
  margin: 0 0 min(2.917vw, 35px);
}
.kanagawa .specialfeature_contents .specialfeature_txt img {
  width: min(26.667vw, 320px);
  height: auto;
}
.kanagawa .specialfeature_contents .specialfeature_txt > div {
  width: min(54.5vw, 654px);
}
.kanagawa .specialfeature_contents .specialfeature_txt > div p {
  font-size: min(1.417vw, 17px);
  line-height: 1.8;
}
.kanagawa .specialfeature_contents .specialfeature_txt > div p + p {
  margin-top: min(2.5vw, 30px);
}
.kanagawa .specialfeature_contents dl {
  box-sizing: border-box;
  width: min(69vw, 828px);
  margin: 0 auto;
  display: flex;
  border-bottom: min(0.167vw, 2px) dotted #aaa;
  padding: min(0.417vw, 5px);
}
.kanagawa .specialfeature_contents dl dt {
  font-size: min(1.417vw, 17px);
  line-height: 1.6;
  font-weight: normal;
  width: min(13.5vw, 162px);
}
.kanagawa .specialfeature_contents dl dd {
  font-size: min(1.417vw, 17px);
  line-height: 1.6;
}
.kanagawa .specialfeature_contents .specialfeature_point {
  box-sizing: border-box;
  width: min(69vw, 828px);
  margin: min(2.917vw, 35px) auto 0;
  padding: min(2.083vw, 25px) min(3.333vw, 40px) min(2.5vw, 30px);
}
.kanagawa .specialfeature_contents .specialfeature_point h4 {
  font-size: min(1.5vw, 18px);
  font-weight: 600;
  display: inline-block;
  line-height: 1;
  padding: 0 min(0.25vw, 3px) min(0.583vw, 7px);
  margin: 0 0 min(0.667vw, 8px);
}
.kanagawa .specialfeature_contents .specialfeature_point ul li {
  padding: 0 0 0 min(2.5vw, 30px);
  margin: min(0.833vw, 10px) 0 0;
  font-size: min(1.417vw, 17px);
}
.kanagawa .specialfeature_contents .specialfeature_btn {
  text-align: center;
  margin: min(3.333vw, 40px) 0 0;
}
.kanagawa .specialfeature_contents .specialfeature_btn a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  max-width: min(26.667vw, 320px);
  padding: min(1.333vw, 16px) min(1.667vw, 20px);
  box-sizing: border-box;
  background-color: #e5006b;
  color: #fff;
  font-size: min(1.667vw, 20px);
  font-weight: 600;
  letter-spacing: min(0.063vw, 0.75px);
  text-decoration: none;
  border-radius: min(4.167vw, 50px);
  box-shadow: min(0.417vw, 5px) min(0.417vw, 5px) 0 #b30053;
  transition: all 0.3s ease;
}
.kanagawa .specialfeature_contents .specialfeature_btn a:hover {
  box-shadow: none;
  transform: translateX(min(0.417vw, 5px)) translateY(min(0.417vw, 5px));
}
.kanagawa .specialfeature_contents .specialfeature_btn a::after {
  content: "";
  position: absolute;
  right: min(1.667vw, 20px);
  top: 50%;
  width: min(0.667vw, 8px);
  height: min(0.667vw, 8px);
  border-top: min(0.167vw, 2px) solid #fff;
  border-right: min(0.167vw, 2px) solid #fff;
  transform: translateY(-50%) rotate(45deg);
}
.kanagawa .specialfeature_contents.green {
  box-shadow: min(0.833vw, 10px) min(0.833vw, 10px) 0px 0px rgb(140, 223, 215);
}
.kanagawa .specialfeature_contents.green h3 {
  color: #009d8d;
}
.kanagawa .specialfeature_contents.green h3 span {
  background-color: #009d8d;
}
.kanagawa .specialfeature_contents.green .specialfeature_txt img {
  box-shadow: min(0.833vw, 10px) min(0.833vw, 10px) 0px 0px rgb(140, 223, 215);
}
.kanagawa .specialfeature_contents.green .specialfeature_point {
  background-image: linear-gradient(90deg, rgb(255, 248, 203) 0%, rgb(209, 249, 237) 100%);
}
.kanagawa .specialfeature_contents.green .specialfeature_point h4 {
  border-bottom: min(0.25vw, 3px) solid #009d8d;
}
.kanagawa .specialfeature_contents.green .specialfeature_point ul li {
  background: url(/html/upload/user_data/feature/kanagawa/img/2026/icon_check.png) no-repeat left min(0.583vw, 7px) center;
}
.kanagawa .specialfeature_contents.pink {
  box-shadow: min(0.833vw, 10px) min(0.833vw, 10px) 0px 0px rgb(253, 188, 207);
}
.kanagawa .specialfeature_contents.pink h3 {
  color: #ff6794;
}
.kanagawa .specialfeature_contents.pink h3 span {
  background-color: #ff6794;
}
.kanagawa .specialfeature_contents.pink .specialfeature_txt img {
  box-shadow: min(0.833vw, 10px) min(0.833vw, 10px) 0px 0px rgb(253, 188, 207);
}
.kanagawa .specialfeature_contents.pink .specialfeature_point {
  background-image: linear-gradient(90deg, rgb(255, 248, 203) 0%, rgb(255, 215, 215) 100%);
}
.kanagawa .specialfeature_contents.pink .specialfeature_point h4 {
  border-bottom: min(0.25vw, 3px) solid #ff6794;
}
.kanagawa .specialfeature_contents.pink .specialfeature_point ul li {
  background: url(/html/upload/user_data/feature/kanagawa/img/2026/icon_check_pink.png) no-repeat left min(0.583vw, 7px) center;
}
.kanagawa .specialfeature_contents.orange {
  box-shadow: min(0.833vw, 10px) min(0.833vw, 10px) 0px 0px rgb(245, 199, 172);
}
.kanagawa .specialfeature_contents.orange h3 {
  color: #ff8c47;
}
.kanagawa .specialfeature_contents.orange h3 span {
  background-color: #ff8c47;
}
.kanagawa .specialfeature_contents.orange .specialfeature_txt img {
  box-shadow: min(0.833vw, 10px) min(0.833vw, 10px) 0px 0px rgb(245, 199, 172);
}
.kanagawa .specialfeature_contents.orange .specialfeature_point {
  background-image: linear-gradient(90deg, rgb(255, 248, 203) 0%, rgb(255, 215, 189) 100%);
}
.kanagawa .specialfeature_contents.orange .specialfeature_point h4 {
  border-bottom: min(0.25vw, 3px) solid #ff8c47;
}
.kanagawa .specialfeature_contents.orange .specialfeature_point ul li {
  background: url(/html/upload/user_data/feature/kanagawa/img/2026/icon_check_orange.png) no-repeat left min(0.583vw, 7px) center;
}
.kanagawa .specialfeature_contents.purple {
  box-shadow: min(0.833vw, 10px) min(0.833vw, 10px) 0px 0px rgb(237, 165, 220);
}
.kanagawa .specialfeature_contents.purple h3 {
  color: #c84fac;
}
.kanagawa .specialfeature_contents.purple h3 span {
  background-color: #c84fac;
}
.kanagawa .specialfeature_contents.purple .specialfeature_txt img {
  box-shadow: min(0.833vw, 10px) min(0.833vw, 10px) 0px 0px rgb(237, 165, 220);
}
.kanagawa .specialfeature_contents.purple .specialfeature_point {
  background-image: linear-gradient(90deg, rgb(255, 248, 203) 0%, rgb(255, 219, 252) 100%);
}
.kanagawa .specialfeature_contents.purple .specialfeature_point h4 {
  border-bottom: min(0.25vw, 3px) solid #c84fac;
}
.kanagawa .specialfeature_contents.purple .specialfeature_point ul li {
  background: url(/html/upload/user_data/feature/kanagawa/img/2026/icon_check_purple.png) no-repeat left min(0.583vw, 7px) center;
}
.kanagawa .specialfeature_contents.blue {
  box-shadow: min(0.833vw, 10px) min(0.833vw, 10px) 0px 0px rgb(127, 186, 225);
}
.kanagawa .specialfeature_contents.blue h3 {
  color: #0072bc;
}
.kanagawa .specialfeature_contents.blue h3 span {
  background-color: #0072bc;
}
.kanagawa .specialfeature_contents.blue .specialfeature_txt img {
  box-shadow: min(0.833vw, 10px) min(0.833vw, 10px) 0px 0px rgb(127, 186, 225);
}
.kanagawa .specialfeature_contents.blue .specialfeature_point {
  background-image: linear-gradient(90deg, rgb(255, 248, 203) 0%, rgb(199, 233, 255) 100%);
}
.kanagawa .specialfeature_contents.blue .specialfeature_point h4 {
  border-bottom: min(0.25vw, 3px) solid #0072bc;
}
.kanagawa .specialfeature_contents.blue .specialfeature_point ul li {
  background: url(/html/upload/user_data/feature/kanagawa/img/2026/icon_check_blue.png) no-repeat left min(0.583vw, 7px) center;
}

@media only screen and (max-width: 767px) {
  .kanagawa .specialfeature {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 2.667vw;
  }
  .kanagawa .specialfeature_contents {
    width: 92%;
    max-width: auto;
    max-width: initial;
    margin: 8vw auto 0;
    border-radius: 2.667vw;
    padding: 6.667vw 5.333vw;
  }
  .kanagawa .specialfeature_contents h3 {
    display: block;
    font-size: 5.333vw;
    line-height: 1.5;
    margin: 0 0 5.333vw;
  }
  .kanagawa .specialfeature_contents h3 br {
    display: none;
  }
  .kanagawa .specialfeature_contents h3 span {
    display: block;
    width: 24vw;
    height: auto;
    line-height: 1;
    font-size: 4vw;
    border-radius: 1.333vw;
    padding: 1.867vw 0;
    letter-spacing: 0.267vw;
    margin-bottom: 1.333vw;
  }
  .kanagawa .specialfeature_contents .specialfeature_txt {
    display: block;
    margin: 0 0 5.333vw;
  }
  .kanagawa .specialfeature_contents .specialfeature_txt img {
    display: block;
    margin: 0 auto 5.333vw;
    width: 60%;
    height: auto;
  }
  .kanagawa .specialfeature_contents .specialfeature_txt > div {
    width: auto;
  }
  .kanagawa .specialfeature_contents .specialfeature_txt > div p {
    font-size: 3.733vw;
    line-height: 1.7;
  }
  .kanagawa .specialfeature_contents .specialfeature_txt > div p + p {
    margin-top: 5.333vw;
  }
  .kanagawa .specialfeature_contents dl {
    width: auto;
    display: block;
    border-bottom: 0.533vw dotted #aaa;
    padding: 1.333vw 0.8vw;
  }
  .kanagawa .specialfeature_contents dl dt {
    font-size: 3.733vw;
    width: auto;
  }
  .kanagawa .specialfeature_contents dl dd {
    font-size: 3.733vw;
  }
  .kanagawa .specialfeature_contents .specialfeature_point {
    width: auto;
    margin: 5.333vw auto 0;
    padding: 5.333vw 4vw;
  }
  .kanagawa .specialfeature_contents .specialfeature_point h4 {
    font-size: 4vw;
    border-bottom-width: 0.8vw !important;
    padding: 0 0.8vw 1.6vw;
    margin: 0 0 1.333vw;
  }
  .kanagawa .specialfeature_contents .specialfeature_point ul li {
    background-position: left 0 top 1.067vw !important;
    background-size: auto 3.2vw !important;
    padding: 0 0 0 4.533vw;
    margin: 1.333vw 0 0;
    font-size: 3.733vw;
    line-height: 1.4;
  }
  .kanagawa .specialfeature_contents .specialfeature_btn {
    margin: 5.333vw 0 0;
  }
  .kanagawa .specialfeature_contents .specialfeature_btn a {
    display: block;
    width: 66.667vw;
    max-width: auto;
    max-width: initial;
    padding: 4vw 0;
    font-size: 4vw;
    margin: 0 auto;
    line-height: 1;
    letter-spacing: 0.2vw;
    text-decoration: none;
    border-radius: 13.333vw;
    box-shadow: 0.8vw 0.8vw 0 #b30053;
    transition: none;
  }
  .kanagawa .specialfeature_contents .specialfeature_btn a:hover {
    box-shadow: none;
    transform: none;
  }
  .kanagawa .specialfeature_contents .specialfeature_btn a::after {
    right: 4vw;
    top: 50%;
    width: 2.133vw;
    height: 2.133vw;
    border-top: 0.533vw solid #fff;
    border-right: 0.533vw solid #fff;
    transform: translateY(-50%) rotate(45deg);
  }
  .kanagawa .specialfeature_contents.green {
    box-shadow: 1.333vw 1.333vw 0 0 rgb(140, 223, 215);
  }
  .kanagawa .specialfeature_contents.green .specialfeature_txt img {
    box-shadow: 1.333vw 1.333vw 0 0 rgb(140, 223, 215);
  }
  .kanagawa .specialfeature_contents.pink {
    box-shadow: 1.333vw 1.333vw 0 0 rgb(253, 188, 207);
  }
  .kanagawa .specialfeature_contents.pink .specialfeature_txt img {
    box-shadow: 1.333vw 1.333vw 0 0 rgb(253, 188, 207);
  }
  .kanagawa .specialfeature_contents.orange {
    box-shadow: 1.333vw 1.333vw 0 0 rgb(245, 199, 172);
  }
  .kanagawa .specialfeature_contents.orange .specialfeature_txt img {
    box-shadow: 1.333vw 1.333vw 0 0 rgb(245, 199, 172);
  }
  .kanagawa .specialfeature_contents.purple {
    box-shadow: 1.333vw 1.333vw 0 0 rgb(237, 165, 220);
  }
  .kanagawa .specialfeature_contents.purple .specialfeature_txt img {
    box-shadow: 1.333vw 1.333vw 0 0 rgb(237, 165, 220);
  }
  .kanagawa .specialfeature_contents.blue {
    box-shadow: 1.333vw 1.333vw 0 0 rgb(127, 186, 225);
  }
  .kanagawa .specialfeature_contents.blue .specialfeature_txt img {
    box-shadow: 1.333vw 1.333vw 0 0 rgb(127, 186, 225);
  }
}
/* bottom_txt
---------------------------------------------------*/
.kanagawa .bottom_txt {
  background: url(/html/upload/user_data/feature/kanagawa/img/2026/bottom_txt_img_pc.png) no-repeat center top min(7.083vw, 85px);
  background-size: min(86.083vw, 1033px) auto;
  text-align: center;
  padding: min(1.667vw, 20px) 0 min(3.333vw, 40px);
}
.kanagawa .bottom_txt p {
  font-size: min(1.417vw, 17px);
  line-height: 1.8;
  margin: min(2.5vw, 30px) 0 0;
}
.kanagawa .bottom_txt p.bottom_txt_catch {
  font-size: min(2.5vw, 30px);
  color: #0072bc;
  font-weight: 600;
  line-height: 1.7;
}
.kanagawa .bottom_txt p.bottom_txt_catch span {
  font-size: min(2.5vw, 30px);
  color: #ff3c83;
  font-weight: 600;
}
.kanagawa .bottom_txt .bottom_txt_btn {
  text-align: center;
  margin: min(3.333vw, 40px) 0 0;
}
.kanagawa .bottom_txt .bottom_txt_btn a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  max-width: min(34.25vw, 411px);
  padding: min(1.333vw, 16px) min(1.667vw, 20px);
  box-sizing: border-box;
  background-color: #e5006b;
  color: #fff;
  font-size: min(1.667vw, 20px);
  font-weight: 600;
  letter-spacing: min(0.063vw, 0.75px);
  text-decoration: none;
  border-radius: min(4.167vw, 50px);
  box-shadow: min(0.417vw, 5px) min(0.417vw, 5px) 0 #b30053;
  transition: all 0.3s ease;
}
.kanagawa .bottom_txt .bottom_txt_btn a:hover {
  box-shadow: none;
  transform: translateX(min(0.417vw, 5px)) translateY(min(0.417vw, 5px));
}
.kanagawa .bottom_txt .bottom_txt_btn a::after {
  content: "";
  position: absolute;
  right: min(1.667vw, 20px);
  top: 50%;
  width: min(0.667vw, 8px);
  height: min(0.667vw, 8px);
  border-top: min(0.167vw, 2px) solid #fff;
  border-right: min(0.167vw, 2px) solid #fff;
  transform: translateY(-50%) rotate(45deg);
}

@media only screen and (max-width: 767px) {
  .kanagawa .bottom_txt {
    background: none;
    padding: 8vw 0;
    position: relative;
  }
  .kanagawa .bottom_txt .bottom_txt_img1_sp {
    position: absolute;
    top: 5.333vw;
    left: 2.667vw;
    width: 18.667vw;
    height: auto;
    z-index: 3;
  }
  .kanagawa .bottom_txt .bottom_txt_img2_sp {
    position: absolute;
    top: 4vw;
    right: 2.667vw;
    width: 18.667vw;
    height: auto;
    z-index: 3;
  }
  .kanagawa .bottom_txt p {
    font-size: 3.3vw;
    line-height: 1.7;
    margin: 5.333vw 0 0;
  }
  .kanagawa .bottom_txt p.bottom_txt_catch {
    font-size: 4.8vw;
    line-height: 1.6;
  }
  .kanagawa .bottom_txt p.bottom_txt_catch span {
    font-size: 4.8vw;
  }
  .kanagawa .bottom_txt .bottom_txt_btn {
    margin: 5.333vw 0 0;
  }
  .kanagawa .bottom_txt .bottom_txt_btn a {
    display: block;
    width: 80vw;
    max-width: auto;
    max-width: initial;
    padding: 4vw 0;
    font-size: 4vw;
    margin: 0 auto;
    line-height: 1;
    letter-spacing: 0.2vw;
    text-decoration: none;
    border-radius: 13.333vw;
    box-shadow: 0.8vw 0.8vw 0 #b30053;
    transition: none;
  }
  .kanagawa .bottom_txt .bottom_txt_btn a:hover {
    box-shadow: none;
    transform: none;
  }
  .kanagawa .bottom_txt .bottom_txt_btn a::after {
    right: 4vw;
    top: 50%;
    width: 2.133vw;
    height: 2.133vw;
    border-top: 0.533vw solid #fff;
    border-right: 0.533vw solid #fff;
    transform: translateY(-50%) rotate(45deg);
  }
}
/* related
---------------------------------------------------*/
.kanagawa .related {
  padding-bottom: min(5vw, 60px);
}
.kanagawa .related ul {
  display: flex;
  justify-content: space-between;
  width: min(95vw, 1140px);
  margin: 0 auto !important;
  flex-wrap: wrap;
}
.kanagawa .related ul li {
  width: min(30vw, 360px);
  margin-top: min(2.5vw, 30px);
}
.kanagawa .related ul li a {
  display: block;
  color: #222;
  transition: opacity 0.3s ease;
}
.kanagawa .related ul li a p {
  font-size: min(1.333vw, 16px);
  line-height: 1.5;
  margin-top: min(0.833vw, 10px);
  color: #222;
}
.kanagawa .related ul li a:hover {
  opacity: 0.6;
  transition: opacity 0.3s ease;
}

@media only screen and (max-width: 767px) {
  .kanagawa .related {
    padding-bottom: 8vw;
  }
  .kanagawa .related ul {
    display: flex;
    width: 90%;
    margin: 0 auto !important;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 6%;
  }
  .kanagawa .related ul li {
    width: 47%;
    margin: 0 0 6%;
  }
  .kanagawa .related ul li a {
    display: block;
    color: #222;
    transition: none;
  }
  .kanagawa .related ul li a img {
    width: 100%;
    height: auto;
  }
  .kanagawa .related ul li a p {
    font-size: 3vw;
    line-height: 1.5;
    margin-top: 2.667vw;
  }
  .kanagawa .related ul li a:hover {
    opacity: 1;
    transition: none;
  }
}/*# sourceMappingURL=style.css.map */