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

	JR東日本の生活応援キャンペーン（令和2年産米）用CSS
	/feature/F000-10346/kome_r2

	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: #dcf1f3;
}

/* 商品グループ タイトル削除 */
/* 商品グループ 余白 */
.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: min(2.6vw, 20px) !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;
  }
}

.hp_tac {
  text-align: center !important;
}

.hp_tar {
  text-align: right !important;
}

.hp_textindent {
  padding-left: 1em;
  text-indent: -1em;
}

.hp_fontSize-l {
  font-size: 1.2em !important;
}

.hp_fontSize-xl {
  font-size: 1.4em !important;
}

.hp_fontSize-s {
  font-size: 0.8em !important;
}

.hp_fontSize-14px {
  font-size: 0.88em !important;
}

.hp_fontColor-red {
  color: #e00000 !important;
}

.hp_fontColor-blue {
  color: #087faa !important;
}

.hp_fontColor-green {
  color: #008803 !important;
}

.hp_fontColor-pink {
  color: #f9375b !important;
}

.hp_mt5 {
  margin-top: min(5px, 0.65vw) !important;
}

.hp_mt10 {
  margin-top: min(10px, 1.3vw) !important;
}

.hp_mt20 {
  margin-top: min(20px, 2.6vw) !important;
}

.hp_mt30 {
  margin-top: min(30px, 3.91vw) !important;
}

.hp_mt40 {
  margin-top: min(40px, 5.21vw) !important;
}

.hp_mt60 {
  margin-top: min(60px, 7.82vw) !important;
}

.hp_mt80 {
  margin-top: min(80px, 10.43vw) !important;
}

@media only screen and (max-width: 767px) {
  .hp_mt0-sp {
    margin-top: 0 !important;
  }
}

.hp_notes {
  padding-left: 1em !important;
  text-indent: -1em;
  font-size: 0.75em;
  line-height: 1.8;
}

.hp_textMarker {
  display: inline-block;
  background: #fff002;
  background: linear-gradient(0deg, transparent 15%, rgba(255, 240, 2, 0.8) 15%, rgba(255, 240, 2, 0.8) 60%, transparent 60%);
}

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

	コンテンツ

--------------------------------------------------------------- */
.kome_r2 {
  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_r2 {
    font-size: clamp(1.4rem, 1.1rem + 0.39vw, 1.6rem);
  }
}
.kome_r2 .feature_mainvisual {
  margin-bottom: min(3.91vw, 30px);
}
@media only screen and (max-width: 767px) {
  .kome_r2 .feature_mainvisual {
    margin-bottom: min(5.21vw, 40px);
  }
}
.kome_r2 .feature_lead {
  font-size: 1.5em;
  font-weight: bold;
  text-align: center;
  line-height: 1.6;
}
@media print, screen and (min-width: 768px) {
  .kome_r2 .feature_lead {
    font-size: 1.88em;
  }
}
.kome_r2 .feature_lead > strong {
  font-size: 1.3em;
  color: #e00000;
}
@media print, screen and (min-width: 768px) {
  .kome_r2 .feature_lead > strong {
    font-size: 1.2em;
  }
}
.kome_r2 .feature_mainBtnWrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: min(3.91vw, 30px);
  margin: min(3.91vw, 30px) auto;
}
@media print, screen and (min-width: 768px) {
  .kome_r2 .feature_mainBtnWrap {
    margin: min(2.34vw, 30px) auto;
  }
}
.kome_r2 .feature_mainBtn {
  flex-basis: 100%;
  display: inline-grid;
  place-items: center;
  min-height: 60px;
  padding: 0 30px;
  background: #ffffff;
  border: 2px solid #087faa;
  border-radius: 50vw;
  color: #087faa;
  font-size: 1.13em;
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
  text-shadow: 2px 2px 0px rgba(255, 255, 255, 0.8);
  position: relative;
}
@media print, screen and (min-width: 768px) {
  .kome_r2 .feature_mainBtn {
    flex-basis: calc(50% - min(1.17vw, 15px));
    min-height: 120px;
    padding: 0 45px;
    font-size: 1.63em;
    border-width: 3px;
  }
}
.kome_r2 .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%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") no-repeat center/contain;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 8px;
  margin: auto;
  transition: 0.3s;
}
@media print, screen and (min-width: 768px) {
  .kome_r2 .feature_mainBtn::after {
    width: 24px;
    height: 24px;
    right: 16px;
  }
}
.kome_r2 .feature_mainBtn:hover {
  color: #087faa;
  background: #fff002;
}
.kome_r2 .feature_mainBtn:hover::after {
  right: 10px;
}
.kome_r2 .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%23087faa%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_r2 .feature_mainBtn[target=_blank]:hover::after {
  bottom: 8px;
}
.kome_r2 .feature_mainBtn strong {
  display: inline-block;
  font-size: 1.8em;
  line-height: 1;
  letter-spacing: -0.06em;
  margin: 0 0.04em;
  transform: translate(-0.06em, 0.1em);
}
.kome_r2 .feature_contents + .feature_contents {
  margin-top: min(7.82vw, 60px);
}
@media print, screen and (min-width: 768px) {
  .kome_r2 .feature_contents + .feature_contents {
    margin-top: min(4.68vw, 60px);
  }
}
.kome_r2 .feature_contents-inner {
  padding: 0 min(3.12vw, 40px);
}
.kome_r2 .feature_title {
  font-size: 1.88em;
  font-weight: bold;
}
.kome_r2 .feature_btn {
  display: inline-grid;
  place-items: center;
  min-height: 46px;
  padding: 0.2em 30px;
  background: #ffffff;
  border: 1px solid #087faa;
  border-radius: 50vw;
  color: #087faa;
  font-size: 0.88em;
  font-weight: bold;
  line-height: 1.4;
}
@media print, screen and (min-width: 768px) {
  .kome_r2 .feature_btn {
    padding: 0.2em 50px;
  }
}
.kome_r2 .feature_btn:hover {
  background: #087faa;
  color: #ffffff;
}
.kome_r2 .feature_btn[target=_blank] {
  position: relative;
}
@media print, screen and (min-width: 768px) {
  .kome_r2 .feature_btn[target=_blank] {
    padding-left: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .kome_r2 .feature_btn[target=_blank] {
    padding-left: 20px;
  }
}
.kome_r2 .feature_btn[target=_blank]::after {
  content: "";
  width: 1em;
  height: 1em;
  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%22M200-120q-33%200-56.5-23.5T120-200v-560q0-33%2023.5-56.5T200-840h280v80H200v560h560v-280h80v280q0%2033-23.5%2056.5T760-120H200Zm188-212-56-56%20372-372H560v-80h280v280h-80v-144L388-332Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
  margin: auto;
}
@media only screen and (max-width: 767px) {
  .kome_r2 .feature_btn[target=_blank]::after {
    right: 10px;
  }
}
.kome_r2 .feature_btn[target=_blank]: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%22M200-120q-33%200-56.5-23.5T120-200v-560q0-33%2023.5-56.5T200-840h280v80H200v560h560v-280h80v280q0%2033-23.5%2056.5T760-120H200Zm188-212-56-56%20372-372H560v-80h280v280h-80v-144L388-332Z%22%2F%3E%3C%2Fsvg%3E");
}
.kome_r2 :where(figure, picture) {
  display: block;
}
.kome_r2 :where(figure, picture) img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  height: auto;
}
.kome_r2 .cmp_notes {
  margin-top: min(13.03vw, 100px);
  padding: min(5.21vw, 40px) min(5.21vw, 40px) min(7.82vw, 60px);
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: min(3.91vw, 30px);
}
@media print, screen and (min-width: 768px) {
  .kome_r2 .cmp_notes {
    padding-left: min(6.25vw, 80px);
    padding-right: min(6.25vw, 80px);
  }
}
.kome_r2 .cmp_notesTtl {
  margin: 0 auto min(5.21vw, 40px);
  font-size: 1.25em;
  font-weight: bold;
  text-align: center;
}
.kome_r2 .cmp_notesSubttl {
  margin: min(5.21vw, 40px) auto min(1.3vw, 10px);
  padding-left: 1.2em;
  font-size: 1em;
  font-weight: bold;
  position: relative;
}
.kome_r2 .cmp_notesSubttl::before {
  content: "";
  width: 0.4em;
  height: 80%;
  background-color: #087faa;
  border-radius: 50vw;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.kome_r2 .cmp_notesList {
  font-size: 0.88em;
}
.kome_r2 .cmp_notesList > li {
  padding-left: 1em;
  text-indent: -1em;
}
.kome_r2 .cmp_notesList > li:not(:first-of-type) {
  margin-top: 0.4em;
}/*# sourceMappingURL=style20250623.css.map */