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

	JR東日本の生活応援キャンペーン用CSS
	/feature/F000-10344/kome

	01.リセット
	02.基本・汎用クラス
	03.コンテンツ

--------------------------------------------------------------- */
/* ---------------------------------------------------------------

	リセット

--------------------------------------------------------------- */
.ec-featureRole *,
.ec-featureRole *::before,
.ec-featureRole *::after {
  font-size: inherit;
}

.ec-featureRole__head {
  display: none !important;
}

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

/* 背景色 変更 */
.ec-layoutRole {
  background-color: #fff0b6;
}

/* 商品グループ タイトル削除 */
/* 商品グループ 余白 */
.ec-giftArea {
  margin: min(13.03vw, 100px) auto;
}
.ec-giftArea > .giftItemsHeadImg {
  margin: 0 auto min(3.91vw, 30px) !important;
}
@media print, screen and (min-width: 768px) {
  .ec-giftArea > .giftItemsHeadImg {
    margin-bottom: 0 !important;
  }
}

/* ページトップボタン */
.ec-blockTopBtn {
  z-index: 99;
}

/* パンくず */
.ec-breadcrumbRole {
  margin-top: min(13.03vw, 100px);
}

h1, h2, h3, h4, h5, h6, dl, dt, dd, label {
  margin: inherit;
  line-height: inherit;
}

/* ---------------------------------------------------------------

	基本・汎用クラス

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

@media print, screen and (min-width: 768px) {
  .hp_spOnly {
    display: none;
  }
}

/* ---------------------------------------------------------------

	コンテンツ

--------------------------------------------------------------- */
.kome {
  font-family: "Roboto", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: clamp(1.4rem, 1.2rem + 0.52vw, 1.6rem);
  line-height: 2;
  letter-spacing: 0.02em;
  font-feature-settings: "palt";
  word-break: break-word;
  overflow: clip;
}
@media print, screen and (min-width: 768px) {
  .kome {
    font-size: clamp(1.4rem, 1.1rem + 0.39vw, 1.6rem);
  }
}
.kome .feature_mainvisual {
  margin-bottom: min(3.91vw, 30px);
}
@media only screen and (max-width: 767px) {
  .kome .feature_mainvisual {
    margin-bottom: min(5.21vw, 40px);
  }
}
.kome .feature_mainBtnWrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: min(3.91vw, 30px);
  margin: min(3.91vw, 30px) min(1.95vw, 15px);
}
@media print, screen and (min-width: 768px) {
  .kome .feature_mainBtnWrap {
    gap: min(2.34vw, 30px);
    margin: min(2.34vw, 30px) min(1.17vw, 15px);
  }
}
.kome .feature_mainBtn {
  flex-basis: 100%;
  display: inline-grid;
  place-items: center;
  min-height: 80px;
  padding: 0.2em 0.2em 15px;
  background: #ffffff;
  border: 2px solid #34841a;
  border-radius: min(3.91vw, 30px);
  color: #34841a;
  font-size: 1em;
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
  transition: 0.3s;
  position: relative;
}
@media print, screen and (min-width: 768px) {
  .kome .feature_mainBtn {
    flex-basis: calc(50% - min(1.17vw, 15px));
    min-height: 140px;
    padding: 0.2em 0.2em 20px;
    font-size: 1.38em;
    border-width: 3px;
  }
}
.kome .feature_mainBtn::after {
  content: "";
  width: 18px;
  height: 18px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224px%22%20fill%3D%22%2334841a%22%3E%3Cpath%20d%3D%22M633.85-434.5H197.37q-19.15%200-32.33-13.17-13.17-13.18-13.17-32.33t13.17-32.33q13.18-13.17%2032.33-13.17h436.48L447.17-712.17q-13.67-13.68-13.29-32.07.38-18.39%2014.05-32.06%2013.68-12.68%2032.07-13.06%2018.39-.38%2032.07%2013.29l264%20264q6.71%206.72%209.81%2014.92%203.1%208.19%203.1%2017.15%200%208.96-3.1%2017.15-3.1%208.2-9.81%2014.92L511.83-183.7q-12.92%2012.92-31.57%2012.92t-32.33-12.92q-13.67-13.67-13.67-32.44%200-18.77%2013.67-32.45L633.85-434.5Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center/contain;
  position: absolute;
  bottom: 6px;
  left: 0;
  right: 0;
  margin: auto;
  transition: 0.3s;
}
@media print, screen and (min-width: 768px) {
  .kome .feature_mainBtn::after {
    width: 24px;
    height: 24px;
  }
}
.kome .feature_mainBtn[target=_blank]::after {
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224px%22%20fill%3D%22%23008803%22%3E%3Cpath%20d%3D%22M200-120q-33%200-56.5-23.5T120-200v-560q0-33%2023.5-56.5T200-840h240q17%200%2028.5%2011.5T480-800q0%2017-11.5%2028.5T440-760H200v560h560v-240q0-17%2011.5-28.5T800-480q17%200%2028.5%2011.5T840-440v240q0%2033-23.5%2056.5T760-120H200Zm560-584L416-360q-11%2011-28%2011t-28-11q-11-11-11-28t11-28l344-344H600q-17%200-28.5-11.5T560-800q0-17%2011.5-28.5T600-840h200q17%200%2028.5%2011.5T840-800v200q0%2017-11.5%2028.5T800-560q-17%200-28.5-11.5T760-600v-104Z%22%2F%3E%3C%2Fsvg%3E");
}
.kome .feature_mainBtn[target=_blank]:hover::after {
  bottom: 8px;
}
.kome .feature_mainBtn._r2 {
  color: #087faa;
  border-color: #087faa;
}
.kome .feature_mainBtn._r2::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224px%22%20fill%3D%22%23087faa%22%3E%3Cpath%20d%3D%22M633.85-434.5H197.37q-19.15%200-32.33-13.17-13.17-13.18-13.17-32.33t13.17-32.33q13.18-13.17%2032.33-13.17h436.48L447.17-712.17q-13.67-13.68-13.29-32.07.38-18.39%2014.05-32.06%2013.68-12.68%2032.07-13.06%2018.39-.38%2032.07%2013.29l264%20264q6.71%206.72%209.81%2014.92%203.1%208.19%203.1%2017.15%200%208.96-3.1%2017.15-3.1%208.2-9.81%2014.92L511.83-183.7q-12.92%2012.92-31.57%2012.92t-32.33-12.92q-13.67-13.67-13.67-32.44%200-18.77%2013.67-32.45L633.85-434.5Z%22%2F%3E%3C%2Fsvg%3E");
}
.kome .feature_mainBtn._pack {
  color: #00857b;
  border-color: #00857b;
}
.kome .feature_mainBtn._pack::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224px%22%20fill%3D%22%2300857b%22%3E%3Cpath%20d%3D%22M633.85-434.5H197.37q-19.15%200-32.33-13.17-13.17-13.18-13.17-32.33t13.17-32.33q13.18-13.17%2032.33-13.17h436.48L447.17-712.17q-13.67-13.68-13.29-32.07.38-18.39%2014.05-32.06%2013.68-12.68%2032.07-13.06%2018.39-.38%2032.07%2013.29l264%20264q6.71%206.72%209.81%2014.92%203.1%208.19%203.1%2017.15%200%208.96-3.1%2017.15-3.1%208.2-9.81%2014.92L511.83-183.7q-12.92%2012.92-31.57%2012.92t-32.33-12.92q-13.67-13.67-13.67-32.44%200-18.77%2013.67-32.45L633.85-434.5Z%22%2F%3E%3C%2Fsvg%3E");
}
.kome .feature_mainBtn:hover {
  color: #ffffff;
  background-color: #34841a;
  text-shadow: 2px 2px 0px rgba(51, 51, 51, 0.8);
}
.kome .feature_mainBtn:hover::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224px%22%20fill%3D%22%23ffffff%22%3E%3Cpath%20d%3D%22M633.85-434.5H197.37q-19.15%200-32.33-13.17-13.17-13.18-13.17-32.33t13.17-32.33q13.18-13.17%2032.33-13.17h436.48L447.17-712.17q-13.67-13.68-13.29-32.07.38-18.39%2014.05-32.06%2013.68-12.68%2032.07-13.06%2018.39-.38%2032.07%2013.29l264%20264q6.71%206.72%209.81%2014.92%203.1%208.19%203.1%2017.15%200%208.96-3.1%2017.15-3.1%208.2-9.81%2014.92L511.83-183.7q-12.92%2012.92-31.57%2012.92t-32.33-12.92q-13.67-13.67-13.67-32.44%200-18.77%2013.67-32.45L633.85-434.5Z%22%2F%3E%3C%2Fsvg%3E");
}
@media print, screen and (min-width: 768px) {
  .kome .feature_mainBtn:hover::after {
    left: 12px;
  }
}
.kome .feature_mainBtn:hover._r2 {
  background-color: #087faa;
}
.kome .feature_mainBtn:hover._pack {
  background-color: #00857b;
}
.kome .feature_mainBtn strong {
  display: inline-block;
  font-size: 1.4em;
  line-height: 1;
  letter-spacing: -0.06em;
  margin: 0 0.04em;
  transform: translate(-0.06em, 0.1em);
}/*# sourceMappingURL=style2025.css.map */