@charset "UTF-8";
main * {
  box-sizing: border-box;
}
main img {
  max-width: 100%;
}
main ul,
main ol,
main li {
  list-style: none;
}

figure {
  padding: 0;
  margin: 0;
}

footer .navi .inner .pagetopbtn {
  display: none;
}

.detailSection .entryBlock p {
  font-size: 1rem;
  margin: initial;
}

.sp-only {
  display: block;
}
@media screen and (min-width: 720px) {
  .sp-only {
    display: none;
  }
}

.pc-only {
  display: none;
}
@media screen and (min-width: 720px) {
  .pc-only {
    display: block;
  }
}

/*--------------------/ main /-------------------*/
main {
  width: 100vw;
  margin: 0 auto;
  font-size: 3.73333vw;
  line-height: 1.5;
  text-align: justify;
  letter-spacing: -0.001em;
  font-family: YakuHanJP, "Roboto", "游ゴシック", "Yu Gothic", YuGothic, "メイリオ", Meiryo, "メイリオ", Meiryo, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", sans-serif;
  color: #595757;
}
@media screen and (min-width: 720px) {
  main {
    width: 100%;
    font-size: 15px;
  }
}
@media screen and (min-width: 820px) {
  main {
    width: 820px;
    font-size: 15px;
  }
}

.post-wrapper {
  width: 90%;
  margin: 0 auto;
}
@media screen and (min-width: 720px) {
  .post-wrapper {
    width: 100%;
  }
}

main p.go-top a {
  position: fixed !important;
  bottom: 12% !important;
  right: 2.5% !important;
  width: 40px !important;
  height: auto !important;
  opacity: 0.7 !important;
  transition-duration: 0.3s !important;
}
@media screen and (min-width: 820px) {
  main p.go-top a {
    bottom: 7% !important;
    right: auto !important;
    margin-left: 780px !important;
  }
}
main p.go-top a:hover {
  opacity: 1 !important;
}

.fadein {
  opacity: 0;
}

/*--------------------/ main settings MT記入時にbodyタグ削除により無効となる /--------------------*/
.main-container {
  width: 100vw;
  margin: 0 auto;
}
@media screen and (min-width: 720px) {
  .main-container {
    width: 720px;
  }
}
@media screen and (min-width: 820px) {
  .main-container {
    width: 820px;
  }
}

main {
  width: auto;
}

/*--------------------/ universal settings /--------------------*/
main {
  --fz: 3.73333vw;
  --fz-xxl: calc(var(--fz) * 1.714286);
  --fz-xl: calc(var(--fz) * 1.142857);
  --fz-l: calc(var(--fz) * 1.071429);
  --fz-s: calc(var(--fz) * 0.857143);
  --fz-xs: calc(var(--fz) * 0.8);
  --main-space: calc(var(--fz) * 3);
  --stack-space: 0.5em;
}
@media screen and (min-width: 720px) {
  main {
    --fz: 15px;
    --fz-xxl: calc(var(--fz) * 2.133333);
    --fz-xl: calc(var(--fz) * 1.2);
    --fz-l: calc(var(--fz) * 1.066666);
    --fz-s: calc(var(--fz) * 0.866667);
    --main-xs: calc(var(--fz) * 4.5);
  }
}

main * {
  color: var(--txt-color);
}

main > * + * {
  padding-top: var(--main-space);
}
@media screen and (min-width: 720px) {
  main > * + * {
    padding-top: calc(var(--main-space) * 2);
  }
}

/*--------------------/ style css /--------------------*/
main {
  --txt-color: #35373a;
  --main-color: #EB6D65;
  --sub-color: #c7161d;
  --white: #fff;
  --black: #000;
  --demo: #147de1;
  --ltd-keihan: #e61e7d;
  --newcomer: #d20014;
  --new-exhibit: #0a640f;
  --new-release: #e16446;
}

.go-map,
.go-shop {
  text-align: center;
  padding: calc(var(--main-space) / 6) 2.5% 0 !important;
}
@media screen and (min-width: 720px) {
  .go-map,
  .go-shop {
    padding: calc(var(--main-space) / 6) 0 0 !important;
  }
}
.go-map a,
.go-shop a {
  color: var(--main-color) !important;
  font-family: "YakuHanMP", "Shippori Mincho", "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: calc(var(--fz) * 1.3333) !important;
  font-weight: bold !important;
  line-height: 1 !important;
  text-decoration: none !important;
  padding: 0.333333em 0 0.5em !important;
  border: 1px solid var(--main-color) !important;
  border-radius: 999px !important;
  display: block !important;
  transition-duration: 0.3s !important;
}
.go-map a:hover,
.go-shop a:hover {
  background-color: #d2ebfa !important;
}

.go-shop {
  margin-top: 0.5em !important;
  padding: calc(var(--main-space) / 6) 0 0 !important;
}
@media screen and (min-width: 720px) {
  .go-shop {
    padding: calc(var(--main-space) / 6) 0 0 !important;
  }
}

h5 {
  font-family: "YakuHanMP", "Shippori Mincho", "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: var(--fz-xxl);
  line-height: 1.25;
  text-align: center;
  margin-bottom: var(--main-space);
}

.hero {
  width: auto;
  padding: 85.3658536585% 0 0;
  background: url(https://www.keihan-dept.co.jp/moriguchi/news/umaimono-2025_sp.jpg) no-repeat center top/cover;
  overflow: hidden;
  position: relative;
}
@media screen and (min-width: 720px) {
  .hero {
    padding: 56.0975609756% 0 0;
    background: url(https://www.keihan-dept.co.jp/moriguchi/news/umaimono-2025_pc.jpg) no-repeat center top/cover;
  }
}
.hero li {
  position: absolute;
  top: -1000px;
  left: -1000px;
}

.information {
  padding: calc(var(--main-space) / 2) 2.5%;
  display: flex;
  flex-direction: column;
  gap: 0.5em;
  align-items: end;
  justify-content: end;
}
@media screen and (min-width: 720px) {
  .information {
    flex-direction: row;
    gap: 1em;
  }
}
.information p {
  font-size: var(--fz-l) !important;
}
.information p img {
  width: 6em;
  vertical-align: middle;
  margin-bottom: 0;
}
@media screen and (min-width: 720px) {
  .information p img {
    width: 8em;
  }
}
.information ul {
  text-align: left;
}
.information ul li {
  font-size: var(--fz-s);
  line-height: 1.25;
}
.information ul li:first-letter {
  font-size: calc(var(--fz-s) * 0.8);
  margin: 0.1em;
  vertical-align: 0.1em;
}

.item {
  width: auto;
  margin-bottom: calc(var(--main-space) / 2);
  display: grid;
  grid-template-columns: 35% 1fr;
  grid-template-rows: repeat(4, min-content);
  grid-template-areas: "lead lead" "img txt" "img ltd-date" "img ltd";
  column-gap: 0.5em;
  align-items: center;
}
@media screen and (min-width: 720px) {
  .item {
    width: 30%;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(4, min-content);
    grid-template-areas: "img" "lead" "txt" "ltd";
    align-items: start;
  }
}
.item-brand {
  line-height: inherit;
  margin: 0 0 0.5em;
}
.item-brand i {
  font-style: normal;
  font-size: 100%;
  padding: 0.5em;
  margin-right: 0.25em;

  border-radius: 50%;
  background-color: #c7161d;
  color: #fff;
    border-radius: 50%;
  
}
.item-container {
  padding: 2.5%;
    margin-top: calc(var(--main-space) / 2);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    row-gap: var(--main-space);
    -moz-column-gap: 3%;
    column-gap: 3%;
}
@media screen and (min-width: 720px) {
  .item-container {
      padding: 0;
  }
}
.item-icons {
  height: 2.6em;
  position: absolute;
  bottom: 2px;
  left: 2px;
  display: flex;
}
.item-icons.position-adjust {
  margin-bottom: 0;
}
@media screen and (min-width: 820px) {
  .item-icons.position-adjust {
    margin-bottom: 1.6em;
  }
}
.item-icons .demo,
.item-icons .ltd-keihan,
.item-icons .newcomer,
.item-icons .new-exhibit,
.item-icons .new-release {
  color: #fff;
  font-family: "YakuHanMP", "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: bold;
  line-height: 1;
  padding: 0.25em 0.5em;
  display: block;
  align-self: end;
  background-color: var(--demo);
}
.item-icons .food-court {
  width: 7em;
  height: min-content;
  margin-right: 0.125em;
}
.item-icons .ltd-keihan {
  font-size: var(--fz-l);
  margin-right: 0.125em;
  background-color: var(--ltd-keihan);
}
.item-icons .newcomer {
  font-size: var(--fz-l);
  margin-right: 0.125em;
  background-color: var(--newcomer);
}
.item-icons .new-exhibit {
  font-size: var(--fz-l);
  margin-right: 0.125em;
  background-color: var(--new-exhibit);
}
.item-icons .new-release {
  font-size: var(--fz-l);
  margin-right: 0.125em;
  background-color: var(--new-release);
}
.item-img {
  grid-area: img;
  position: relative;
  align-self: start;
}
.item-lead {
  font-family: "YakuHanMP", "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important;
  font-size: var(--fz-l) !important;
  font-weight: bold !important;
  line-height: 1.3333 !important;
  margin-top: 0.5em !important;
  margin-bottom: 0.3333em !important;
  grid-area: lead !important;
}
.item-name h6 .caption {
  font-size: var(--fz-s);
}
.item-name h6.mt-adjust {
  margin-top: 0.75em;
}
.item-name h6.mt-adjust-02 {
  margin-top: 0.5em;
}
.item-name h6 span {
  font-size: var(--fz-s);
}
.item-price {
  line-height: inherit;
  font-size: var(--fz-s);
  text-align: right;
  border-bottom: 1px solid var(--txt-color);
  margin-bottom: 0.25em;
}
.item-price b {
  font-size: calc(var(--fz) * 1.6667);
  font-weight: bold;
  margin-left: 0.25em;
}
.item-price em {
  color: var(--newcomer);
  font-style: normal;
  font-weight: bold;
}
.item-price em b {
  color: inherit;
}
.item-price.mt-adjust {
  margin-top: -2.15em;
}
.item-txt {
  margin-top: 2em;
  grid-area: txt;
  line-height: 1.25;
  align-self: center;
}
@media screen and (min-width: 720px) {
  .item-txt {
    margin-top: 0.25em;
    align-self: start;
  }
}

.ltd-amount,
.ltd-date {
  color: #fff !important;
  font-size: var(--fz-s) !important;
  font-weight: bold !important;
  line-height: 1 !important;
  text-align: center !important;
  padding: 0.25em 0 !important;
  background-color: #ea6da4 !important;
  border: 1px solid #ea6da4 !important;
}

.ltd-amount {
  grid-area: ltd !important;
  align-self: end !important;
}

.ltd-date {
  color: #ea6da4 !important;
  width: 100% !important;
  margin: 0 auto !important;
  margin-bottom: -0.9em !important;
  background-color: #fff !important;
  grid-area: ltd-date !important;
  z-index: auto !important;
  align-self: end !important;
}
@media screen and (min-width: 720px) {
  .ltd-date {
    width: calc(100% - 4px) !important;
    margin: 0 auto 2px !important;
    grid-area: img !important;
    align-self: self-end !important;
    z-index: 10 !important;
  }
}

nav {
  padding-top: 0;
}
nav ul {
  width: auto;
  padding-top: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  background-color: var(--main-color);
  gap: 1px;
}
nav ul li {
  width: calc(50% - 1px);
  text-align: center;
}
@media screen and (min-width: 720px) {
  nav ul li {
    width: calc(25% - 1px);
  }
}
nav ul li a {
  color: var(--main-color);
  font-weight: bold;
  text-decoration: none;
  line-height: 1;
  padding: 0.5em 0;
  background-color: rgb(255, 255, 255);
  display: block;
  transition: duration 0.3s;
}
nav ul li a:hover {
  background-color: rgba(255, 255, 255, 0.8);
}

/*
section-01 custom settings
========================================*/
.noodle-01,
.noodle-02 {
  padding: 0 2.5%;
}
.noodle-01 .item,
.noodle-02 .item {
  width: auto;
  grid-template-rows: repeat(4, min-content);
  grid-template-columns: 1fr;
  grid-template-areas: "img" "lead" "txt" "ltd";
}
@media screen and (min-width: 720px) {
  .noodle-01 .item,
  .noodle-02 .item {
    grid-template-rows: 1fr;
    grid-template-columns: 1fr;
    grid-template-areas: "item";
  }
}
.noodle-01 .item-icons,
.noodle-02 .item-icons {
  margin-bottom: 1.6em;
}
@media screen and (min-width: 720px) {
  .noodle-01 .item-icons,
  .noodle-02 .item-icons {
    margin-bottom: 2px;
  }
}
.noodle-01 .item-img,
.noodle-02 .item-img {
  grid-area: img;
}
@media screen and (min-width: 720px) {
  .noodle-01 .item-img,
  .noodle-02 .item-img {
    grid-area: item;
  }
}
.noodle-01 .item-lead,
.noodle-02 .item-lead {
  grid-area: lead !important;
}
@media screen and (min-width: 720px) {
  .noodle-01 .item-lead,
  .noodle-02 .item-lead {
    grid-area: item !important;
  }
}
.noodle-01 .item-txt,
.noodle-02 .item-txt {
  grid-area: txt;
}
@media screen and (min-width: 720px) {
  .noodle-01 .item-txt,
  .noodle-02 .item-txt {
    grid-area: item;
  }
}
.noodle-01 .item .ltd-amount,
.noodle-02 .item .ltd-amount {
  grid-area: ltd;
}
@media screen and (min-width: 720px) {
  .noodle-01 .item .ltd-amount,
  .noodle-02 .item .ltd-amount {
    grid-area: item;
  }
}
.noodle-01 .item .ltd-date,
.noodle-02 .item .ltd-date {
  grid-area: img !important;
}
@media screen and (min-width: 720px) {
  .noodle-01 .item .ltd-date,
  .noodle-02 .item .ltd-date {
    grid-area: item !important;
  }
}
.noodle-01 .item ul.item-lead,
.noodle-02 .item ul.item-lead {
  z-index: 10 !important;
}
.noodle-01 .item ul.item-lead li,
.noodle-02 .item ul.item-lead li {
  color: var(--black) !important;
  font-size: var(--fz-xl) !important;
  font-weight: normal;
  text-shadow: 0.15em 0em 0.1em #fff, 0.15em 0.15em 0.1em #fff, 0 0.15em 0.1em #fff, -0.15em -0.15em 0.1em #fff, -0.15em 0 0.1em #fff, -0.15em -0.15em 0.1em #fff, 0 -0.15em 0.1em #fff, 0.15em -0.15em 0.1em #fff !important;
  padding: 0 0.5em !important;
  justify-self: start !important;
  align-self: start !important;
}
.noodle-01 .item ul.item-lead li.first-lead,
.noodle-02 .item ul.item-lead li.first-lead {
  color: var(--black) !important;
  font-size: calc(var(--fz) * 1.428571) !important;
  display: block !important;
}
@media screen and (min-width: 720px) {
  .noodle-01 .item ul.item-lead li.first-lead,
  .noodle-02 .item ul.item-lead li.first-lead {
    font-size: var(--fz-xxl) !important;
  }
}
.noodle-01 .item-txt,
.noodle-02 .item-txt {
  padding: 0;
  margin-bottom: 0;
  width: auto;
  z-index: 10;
}
@media screen and (min-width: 720px) {
  .noodle-01 .item-txt,
  .noodle-02 .item-txt {
    padding: 2em 0.5em;
    margin-bottom: 2.25em;
    justify-self: end;
    align-self: end;
    width: 35%;
  }
}
/* .noodle-01 .item-txt li,
.noodle-02 .item-txt li {
  color: var(--black);
  text-shadow: 0.15em 0em 0.1em #fff, 0.15em 0.15em 0.1em #fff, 0 0.15em 0.1em #fff, -0.15em -0.15em 0.1em #fff, -0.15em 0 0.1em #fff, -0.15em -0.15em 0.1em #fff, 0 -0.15em 0.1em #fff, 0.15em -0.15em 0.1em #fff;
} */
.noodle-01 .item-txt li b,
.noodle-01 .item-txt li h6,
.noodle-01 .item-txt li span,
.noodle-02 .item-txt li b,
.noodle-02 .item-txt li h6,
.noodle-02 .item-txt li span {
  color: var(--black);
}
.noodle-01 .item-txt li ,
.noodle-02 .item-txt li  {
  border-color: var(--black);
  box-shadow: 0.15em 0em 0.1em #fff, 0.15em 0.15em 0.1em #fff, 0 0.15em 0.1em #fff, -0.15em -0.15em 0.1em #fff, -0.15em 0 0.1em #fff, -0.15em -0.15em 0.1em #fff, 0 -0.15em 0.1em #fff, 0.15em -0.15em 0.1em #fff;
  background-color: #fff;
}
.noodle-01 .item-txt li i,
.noodle-02 .item-txt li i{
color: #FFF;

}



.noodle-01 .item-txt li .item-price,
.noodle-02 .item-txt li .item-price {
  border-color: var(--black);
}
.noodle-01 .item .ltd-date,
.noodle-02 .item .ltd-date {
  width: calc(100% - 4px) !important;
  margin: 0 auto 2px !important;
  z-index: 10 !important;
}
@media screen and (min-width: 720px) {
  .noodle-01 .item .ltd-date,
  .noodle-02 .item .ltd-date {
    width: 33.5% !important;
    margin: 0 0.5em 3em auto !important;
  }
}
.noodle-01 .item .ltd-caption,
.noodle-02 .item .ltd-caption {
  color: var(--black) !important;
  font-size: var(--fz-s) !important;
  line-height: 1.2 !important;
  text-indent: -1em !important;
  text-shadow: 0.15em 0em 0.1em #fff, 0.15em 0.15em 0.1em #fff, 0 0.15em 0.1em #fff, -0.15em -0.15em 0.1em #fff, -0.15em 0 0.1em #fff, -0.15em -0.15em 0.1em #fff, 0 -0.15em 0.1em #fff, 0.15em -0.15em 0.1em #fff !important;
  margin: 0 0 0 1em !important;
  grid-area: ltd !important;
  z-index: 10 !important;
  align-self: end !important;
  justify-self: end !important;
}
@media screen and (min-width: 720px) {
  .noodle-01 .item .ltd-caption,
  .noodle-02 .item .ltd-caption {
    margin: 0 2.75em 0.5em 0 !important;
    grid-area: item !important;
  }
}

.noodle-02 .item-icons {
  margin-bottom: 1.6em;
}
@media screen and (min-width: 720px) {
  .noodle-02 .item-icons {
    margin-bottom: 2px;
  }
}
.noodle-02 .item-lead {
  justify-self: start !important;
  text-align: left !important;
}
@media screen and (min-width: 720px) {
  .noodle-02 .item-lead {
    justify-self: end !important;
    text-align: right !important;
  }
}
.noodle-02 .item-txt {
  padding: 1.35em 0.5em;
  align-self: start;
}
@media screen and (min-width: 720px) {
  .noodle-02 .item-txt {
    margin-top: 6.5em;
  }
}
.noodle-02 .item .ltd-date {
  margin: 0 auto 2px !important;
}
@media screen and (min-width: 720px) {
  .noodle-02 .item .ltd-date {
    align-self: start !important;
    margin: 13.25em 0.5em 2px auto !important;
  }
}
/*
section-02 custom settings
========================================*/
#section-02 .item-container {
  padding: 0 2.5%;
}
#section-02 .lead-in-img {
  color: var(--black) !important;
  font-size: calc(var(--fz) * 1.13) !important;
  line-height: 1.25 !important;
  margin: 0 !important;
  padding: 0 0.333333em 0 0.333333em !important;
  grid-area: txt !important;
  z-index: 0 !important;
  align-self: start !important;
}
@media screen and (min-width: 720px) {
  #section-02 .lead-in-img {
    color: var(--white) !important;
    text-shadow: 0.15em 0.15em 0.1em rgba(0, 0, 0, 0.5), 0 0.15em 0.1em rgba(0, 0, 0, 0.5), -0.15em 0.15em 0.1em rgba(0, 0, 0, 0.5), -0.15em 0 0.1em rgba(0, 0, 0, 0.5), -0.15em -0.15em 0.1em rgba(0, 0, 0, 0.5), 0 -0.15em 0.1em rgba(0, 0, 0, 0.5), 0.15em -0.15em 0.1em rgba(0, 0, 0, 0.5) !important;
    padding: 0 0.333333em 0.333333em 0.333333em !important;
    grid-area: img !important;
    z-index: 10 !important;
    align-self: end !important;
  }
}
#section-02 .txt-mt-adjust {
  margin-top: 4.25em;
}
@media screen and (min-width: 720px) {
  #section-02 .txt-mt-adjust {
    margin-top: 0;
  }
}
#section-02 .as-end {
  align-self: end;
}
#section-02 .black-shadow {
  text-shadow: 0.15em 0em 0.1em #fff, 0.15em 0.15em 0.1em #fff, 0 0.15em 0.1em #fff, -0.15em -0.15em 0.1em #fff, -0.15em 0 0.1em #fff, -0.15em -0.15em 0.1em #fff, 0 -0.15em 0.1em #fff, 0.15em -0.15em 0.1em #fff !important;
}
#section-02 .white-shadow {
  color: var(--white) !important;
  text-shadow: 0.15em 0.15em 0.1em rgba(0, 0, 0, 0.5), 0 0.15em 0.1em rgba(0, 0, 0, 0.5), -0.15em 0.15em 0.1em rgba(0, 0, 0, 0.5), -0.15em 0 0.1em rgba(0, 0, 0, 0.5), -0.15em -0.15em 0.1em rgba(0, 0, 0, 0.5), 0 -0.15em 0.1em rgba(0, 0, 0, 0.5), 0.15em -0.15em 0.1em rgba(0, 0, 0, 0.5) !important;
}
#section-02 .ta-right {
  text-align: right;
}

.series {
  width: auto;
  padding: 0 2.5%;
  margin-bottom: var(--main-space);
  display: flex;
  flex-direction: column;
  column-gap: 2%;
}
@media screen and (min-width: 720px) {
  .series {
    flex-direction: row;
    justify-content: center;
  }
}
.series .item {
  margin-bottom: calc(var(--main-space) / 2);
}
.series .item:first-child {
  width: 100%;
  margin-bottom: 1em;
  grid-template-rows: repeat(2, min-content);
  grid-template-columns: 1fr;
  grid-template-areas: "img" "txt";
}
@media screen and (min-width: 720px) {
  .series .item:first-child {
    width: 67.25%;
  }
}
.series .item:last-child {
  width: 100%;
  grid-template-rows: 1fr;
  grid-template-columns: 35% 1fr;
  grid-template-areas: "img txt";
}
@media screen and (min-width: 720px) {
  .series .item:last-child {
    width: 32%;
    grid-template-rows: repeat(2, min-content);
    grid-template-columns: 1fr;
    grid-template-areas: "img" "txt";
  }
}
.series .item-img {
  margin-bottom: 0.25em;
  grid-area: img;
}
.series .item-lead {
  color: var(--black) !important;
  font-size: calc(var(--fz) * 1.333333) !important;
  line-height: 1.25 !important;
  padding: 0 0.5em !important;
  grid-area: img !important;
  align-self: start !important;
  z-index: 10 !important;
}
.series .item-txt {
  margin-bottom: 0;
  grid-template-areas: txt;
  align-self: end;
}
@media screen and (min-width: 720px) {
  .series .item-txt {
    margin-bottom: 0;
  }
}
.series .item .ltd-amount {
  grid-area: txt !important;
}
.series .black-shadow {
  text-shadow: 0.15em 0em 0.1em #fff, 0.15em 0.15em 0.1em #fff, 0 0.15em 0.1em #fff, -0.15em -0.15em 0.1em #fff, -0.15em 0 0.1em #fff, -0.15em -0.15em 0.1em #fff, 0 -0.15em 0.1em #fff, 0.15em -0.15em 0.1em #fff !important;
}
.series .white-shadow {
  color: var(--white) !important;
  text-shadow: 0.15em 0.15em 0.1em rgba(0, 0, 0, 0.5), 0 0.15em 0.1em rgba(0, 0, 0, 0.5), -0.15em 0.15em 0.1em rgba(0, 0, 0, 0.5), -0.15em 0 0.1em rgba(0, 0, 0, 0.5), -0.15em -0.15em 0.1em rgba(0, 0, 0, 0.5), 0 -0.15em 0.1em rgba(0, 0, 0, 0.5), 0.15em -0.15em 0.1em rgba(0, 0, 0, 0.5) !important;
}
.series .ta-right {
  text-align: right;
}
.series.reverse {
  flex-direction: column;
}
@media screen and (min-width: 720px) {
  .series.reverse {
    flex-direction: row-reverse;
  }
}
.series .mb-adjust {
  margin-bottom: 1.5em;
}

.chicken {
  display: block;
  margin-top: 0;
  margin-bottom: calc(var(--main-space) * 1.5);
  padding: 0 !important;
  background-color: var(--sub-color);
}
.chicken .brand-introduction {
  margin-top: 0;
  margin-bottom: 0;
  background-color: var(--black);
  display: grid;
  grid-template-rows: repeat(3, min-content);
  grid-template-columns: 33.333333% 1fr;
  grid-template-areas: "img lead" "lead-2 lead-2" "txt txt";
  column-gap: 1em;
}
@media screen and (min-width: 720px) {
  .chicken .brand-introduction {
    margin-top: -2em;
    grid-template-areas: "img lead" "img lead-2" "img txt";
  }
}
.chicken .brand-introduction .item-brand {
  color: var(--white);
}
.chicken .brand-introduction .item-brand i {
  color: inherit;
  border-color: var(--white);
}
.chicken .brand-introduction .item-icons {
  position: static;
  margin-bottom: 0.75em;
  grid-area: txt;
  justify-self: start;
  align-self: end;
  padding-left: 1em;
}
@media screen and (min-width: 720px) {
  .chicken .brand-introduction .item-icons {
    padding: 0;
  }
}
.chicken .brand-introduction .item-img {
  grid-area: img;
}
.chicken .brand-introduction .item-lead {
  color: var(--white) !important;
  font-weight: normal !important;
  padding-right: 1em !important;
  margin-top: 0.5em !important;
  grid-area: lead !important;
}
@media screen and (min-width: 720px) {
  .chicken .brand-introduction .item-lead {
    margin-top: -1.5em !important;
  }
}
.chicken .brand-introduction .item-lead span {
  color: inherit;
  display: block;
  font-size: calc(var(--fz) * 1.666667);
  margin: 0.25em 0 0.125em 0;
}
@media screen and (min-width: 720px) {
  .chicken .brand-introduction .item-lead span {
    font-size: calc(var(--fz) * 1.866667);
  }
}
.chicken .brand-introduction .item-lead img {
  width: 85%;
  display: block;
}
@media screen and (min-width: 720px) {
  .chicken .brand-introduction .item-lead img {
    width: 50%;
  }
}
.chicken .brand-introduction .item-lead.lead-second {
  padding-left: 1em !important;
  grid-area: lead-2 !important;
}
@media screen and (min-width: 720px) {
  .chicken .brand-introduction .item-lead.lead-second {
    padding-left: 0 !important;
    margin-top: 0 !important;
  }
}
.chicken .brand-introduction .item-name h6 {
  color: var(--white);
}
.chicken .brand-introduction .item-name h6 span {
  color: inherit;
  font-size: var(--fz-s);
}
.chicken .brand-introduction .item-price {
  color: var(--white);
  border-color: var(--white);
}
.chicken .brand-introduction .item-price b {
  color: inherit;
}
.chicken .brand-introduction .item-price.mt-adjust {
  margin-top: 0;
}
@media screen and (min-width: 720px) {
  .chicken .brand-introduction .item-price.mt-adjust {
    margin-top: -2em;
  }
}
.chicken .brand-introduction .item-txt {
  color: var(--white);
  width: 60%;
  margin: 0 1em 0.5em 0;
  grid-area: txt;
  justify-self: end;
  align-self: end;
}
@media screen and (min-width: 720px) {
  .chicken .brand-introduction .item-txt {
    width: 73%;
  }
}
.chicken .item-introduction {
  width: auto;
  margin-bottom: 0;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr;
  grid-template-areas: "item";
}
.chicken .item-introduction .item-img {
  height: 29em;
  grid-area: item;
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr;
  grid-template-areas: "img";
}
@media screen and (min-width: 720px) {
  .chicken .item-introduction .item-img {
    height: auto;
  }
}
.chicken .item-introduction .item-img img {
  grid-area: img;
}
.chicken .item-introduction .item-img img:first-child {
  width: 95%;
  justify-self: end;
}
@media screen and (min-width: 720px) {
  .chicken .item-introduction .item-img img:first-child {
    width: 75%;
  }
}
.chicken .item-introduction .item-img img:nth-child(2) {
  width: 30%;
  margin-top: 11em;
  margin-left: -11em;
  justify-self: center;
  align-self: flex-start;
}
@media screen and (min-width: 720px) {
  .chicken .item-introduction .item-img img:nth-child(2) {
    width: 25%;
    margin-top: 19em;
    margin-left: -5em;
  }
}
.chicken .item-introduction .item-img img:nth-child(3) {
  width: 40%;
  margin-bottom: 5em;
  margin-right: 2em;
  justify-self: end;
  align-self: end;
}
@media screen and (min-width: 720px) {
  .chicken .item-introduction .item-img img:nth-child(3) {
    width: 30%;
    margin-top: 22.5em;
    margin-bottom: 0;
  }
}
.chicken .item-introduction .item-lead {
  grid-area: item !important;
  justify-self: start !important;
  align-self: end !important;
  margin: 0 0 1em 1em !important;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 720px) {
  .chicken .item-introduction .item-lead {
    align-self: start !important;
    flex-direction: row-reverse;
    margin: 1em 0 0 1em !important;
  }
}
.chicken .item-introduction .item-lead li {
  color: var(--white) !important;
  font-family: "Shippori Mincho", "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important;
  font-weight: normal !important;
  writing-mode: lr-tb !important;
}
@media screen and (min-width: 720px) {
  .chicken .item-introduction .item-lead li {
    font-size: calc(var(--fz) * 1.8666667) !important;
    writing-mode: tb-rl !important;
    margin: 1em 0 0 1.25emv;
    align-self: start !important;
  }
}
.chicken .item-introduction .item-lead:last-child {
  font-size: calc(var(--fz) * 1.25) !important;
}
@media screen and (min-width: 720px) {
  .chicken .item-introduction .item-lead:last-child {
    font-size: calc(var(--fz) * 1.8666667) !important;
  }
}
.chicken .item-introduction .item-lead .first-lead {
  color: var(--white) !important;
  font-size: calc(var(--fz) * 2) !important;
  line-height: 1.25 !important;
  margin: 0 0 0.25em 0 !important;
  display: block !important;
}
@media screen and (min-width: 720px) {
  .chicken .item-introduction .item-lead .first-lead {
    font-size: calc(var(--fz) * 2.9333333) !important;
    line-height: 1.5 !important;
    margin: 0 0 0 0.125em !important;
  }
}
.chicken .item-introduction .item-txt {
  grid-area: item;
}

.item-container.chicken {
  padding: 0;
}

/*
#section-03 custom settings
========================================*/
.sweets-01 {
  width: 100%;
}
.sweets-01 .item {
  width: auto;
  grid-template-rows: repeat(3, fit-content);
  grid-template-columns: auto;
  grid-template-areas: "heading" "img" "txt";
}
.sweets-01 .item-brand {
  margin-bottom: 0;
}
.sweets-01 .item-heading {
  font-family: "YakuHanMP", "Shippori Mincho", "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important;
  font-size: calc(var(--fz) * 1.3) !important;
  font-weight: normal !important;
  line-height: 1.25 !important;
  padding: 0 2.5% !important;
  margin-bottom: 0.5em !important;
  grid-area: heading !important;
}
@media screen and (min-width: 720px) {
  .sweets-01 .item-heading {
    font-size: calc(var(--fz) * 2.4) !important;
  }
}
.sweets-01 .item-icons {
  position: static;
  height: auto;
  margin-right: 0.5em;
}
.sweets-01 .item-img {
  padding: 0 10%;
  grid-area: img;
  display: grid;
  grid-template-rows: repeat(5, min-content);
  grid-template-columns: 1fr;
  grid-template-areas: "img-01" "lead-01" "img-02" "img-03" "img-04";
  gap: 0.5%;
}
@media screen and (min-width: 720px) {
  .sweets-01 .item-img {
    padding: 0;
    grid-template-rows: repeat(4, min-content);
    grid-template-columns: repeat(2, 1fr);
    grid-template-areas: "img-01 img-01" "img-01 img-01" "img-02 img-03" "img-02 img-04";
  }
}
.sweets-01 .item-img img.img-01 {
  grid-area: img-01;
  width: 100%;
}
@media screen and (min-width: 720px) {
  .sweets-01 .item-img img.img-01 {
    width: 80%;
  }
}
.sweets-01 .item-img img.img-02 {
  grid-area: img-02;
}
.sweets-01 .item-img img.img-03 {
  grid-area: img-03;
}
.sweets-01 .item-img img.img-04 {
  grid-area: img-04;
}
.sweets-01 .item-information > ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.sweets-01 .item-information > ul > li {
  width: 45%;
}
@media screen and (min-width: 720px) {
  .sweets-01 .item-information > ul > li {
    width: 22.5%;
  }
}
.sweets-01 .item-lead {
  grid-area: txt !important;
  font-weight: normal !important;
}
.sweets-01 .item-name h6 {
  text-indent: -1em;
  margin-left: 1em;
}
.sweets-01 .item-txt {
  padding: 0 2.5%;
  margin-top: 1em;
  grid-area: txt;
}
@media screen and (min-width: 720px) {
  .sweets-01 .item-txt {
    margin-top: 0;
  }
}
.sweets-01 .item-txt > li > ul {
  margin-top: 0.5em;
  display: flex;
  align-items: center;
}
.sweets-01 .item .lead-01 {
  color: var(--black) !important;
  font-family: "Shippori Mincho", "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important;
  font-size: var(--fz-xl) !important;
  line-height: 1.25 !important;
  margin-top: 0 !important;
  margin-right: -0.25em !important;
  margin-bottom: 1.5em !important;
  grid-area: lead-01 !important;
  writing-mode: lr-tb !important;
}
@media screen and (min-width: 720px) {
  .sweets-01 .item .lead-01 {
    font-size: calc(var(--fz) * 1.6) !important;
    line-height: 1.5 !important;
    writing-mode: lr-tb !important;
    margin-top: 0 !important;
    margin-right: -0.25em !important;
    margin-bottom: 0 !important;
    writing-mode: tb-rl !important;
    grid-area: img-01 !important;
  }
}
.sweets-01 .item .lead-02 {
  color: var(--white) !important;
  font-size: var(--fz-s) !important;
  writing-mode: tb-rl !important;
  margin-top: 1.25em !important;
  margin-right: 0.75em !important;
  grid-area: img-04 !important;
  z-index: 10;
}

.sweets-02 {
  width: auto;
  grid-template-rows: repeat(3, min-content);
  grid-template-columns: auto;
  grid-template-areas: "img" "lead" "txt";
}
@media screen and (min-width: 720px) {
  .sweets-02 {
    grid-template-rows: auto;
    grid-template-columns: auto;
    grid-template-areas: "item";
  }
}
.sweets-02 .item-brand {
  color: inherit;
}
.sweets-02 .item-brand i {
  color: inherit;
  border-color: var(--txt-color);
}
@media screen and (min-width: 720px) {
  .sweets-02 .item-brand i {
    border-color: var(--white);
  }
}
.sweets-02 .item-icons {
  left: auto;
  right: 2px;
}
@media screen and (min-width: 720px) {
  .sweets-02 .item-icons {
    left: 2px;
    right: auto;
  }
}
.sweets-02 .item-img {
  grid-area: img;
  z-index: 10;
}
@media screen and (min-width: 720px) {
  .sweets-02 .item-img {
    grid-area: item;
  }
}
.sweets-02 .item-information {
  color: var(--white);
}
.sweets-02 .item-lead {
  color: var(--txt-color) !important;
  font-size: calc(var(--fz) * 1.15) !important;
  font-weight: normal !important;
  line-height: 1.25 !important;
  width: 100% !important;
  padding: 0 2.5% !important;
  margin-top: 0 !important;
  margin-right: 0 !important;
  grid-area: lead !important;
  justify-self: end !important;
  z-index: 10 !important;
}
@media screen and (min-width: 720px) {
  .sweets-02 .item-lead {
    color: var(--white) !important;
    font-size: calc(var(--fz) * 1.333333) !important;
    line-height: 1.75 !important;
    width: 33% !important;
    margin-top: 4em !important;
    margin-right: 1em !important;
    grid-area: item !important;
  }
}
.sweets-02 .item-name h6 {
  color: var(--txt-color);
}
@media screen and (min-width: 720px) {
  .sweets-02 .item-name h6 {
    color: var(--white);
  }
}
.sweets-02 .item-price {
  color: var(--txt-color);
  border-color: var(--txt-color);
}
@media screen and (min-width: 720px) {
  .sweets-02 .item-price {
    color: var(--white);
    border-color: var(--white);
  }
}
.sweets-02 .item-price b {
  color: var(--txt-color);
}
@media screen and (min-width: 720px) {
  .sweets-02 .item-price b {
    color: var(--white);
  }
}
.sweets-02 .item-txt {
  color: var(--txt-color);
  width: 95%;
  padding: 0 2.5%;
  margin-right: 1em;
  margin-bottom: 1em;
  grid-area: txt;
  justify-self: end;
  align-self: end;
  z-index: 10;
}
@media screen and (min-width: 720px) {
  .sweets-02 .item-txt {
    color: var(--white);
    width: 33%;
    margin-right: 1em;
    margin-bottom: 1em;
    grid-area: item;
  }
}

.bread .item {
  width: auto;
  display: grid;
  grid-template-rows: 2fr;
  grid-template-columns: 1fr;
  grid-template-areas: "img" "txt";
  column-gap: 0;
  row-gap: 0.5em;
}
@media screen and (min-width: 720px) {
  .bread .item {
    grid-template-rows: 1fr;
    grid-template-columns: 60% 1fr;
    grid-template-areas: "img txt";
    column-gap: 2%;
  }
}
.bread .item-img {
  grid-area: img;
}
.bread .item-information > ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}
@media screen and (min-width: 720px) {
  .bread .item-information > ul {
    display: block;
  }
}
.bread .item-information > ul > li {
  width: 47.5%;
}
@media screen and (min-width: 720px) {
  .bread .item-information > ul > li {
    width: auto;
  }
}
.bread .item-information > ul .mt-adjust-02 {
  margin-top: 0;
}
@media screen and (min-width: 720px) {
  .bread .item-information > ul .mt-adjust-02 {
    margin-top: 0.75em;
  }
}
.bread .item-name.mt-adjust {
  margin-top: 0.75em;
}
.bread .item-txt {
  padding: 0 2.5%;
  grid-area: txt;
}

/*
#section-04 custom settings
========================================*/
#section-04 h5 {
  font-size: calc(var(--fz) * 1.333333);
}
@media screen and (min-width: 720px) {
  #section-04 h5 {
    font-size: var(--fz-xxl);
  }
}
#section-04 .bagel {
  padding: 0 2.5%;
  margin-bottom: var(--main-space);
  justify-content: space-between;
}
#section-04 .bagel-caption {
  font-size: var(--fz-s) !important;
  line-height: 1.25 !important;
  margin-top: 0.5em !important;
  margin-left: 1em !important;
  text-indent: -1em !important;
  grid-area: cap !important;
  justify-self: end !important;
}
#section-04 .bagel .item {
  width: 46%;
  margin-bottom: 0;
  grid-template-rows: repeat(2, min-content);
  grid-template-columns: 1fr;
  grid-template-areas: "img" "txt";
  align-items: end;
}
@media screen and (min-width: 720px) {
  #section-04 .bagel .item {
    grid-template-rows: 1fr;
    grid-template-columns: 60% 1fr;
    grid-template-areas: "img txt";
  }
}
#section-04 .bagel .item:last-child {
  width: auto;
  grid-template-columns: 1fr;
  grid-template-areas: "img" "txt" "ltd" "cap";
}
@media screen and (min-width: 720px) {
  #section-04 .bagel .item:last-child {
    grid-template-columns: 69% 1fr;
    grid-template-areas: "img txt" "img ltd" "cap cap";
  }
}
#section-04 .bagel .item-img {
  grid-area: img;
}
#section-04 .bagel .item-txt {
  grid-area: txt;
  align-self: end;
  margin-bottom: 2.8em;
}
#section-04 .bagel .item .ltd-amount {
  grid-area: txt !important;
}
#section-04 .bagel .item .ltd-date {
  grid-area: txt !important;
  width: 100% !important;
  margin-bottom: 1.5em !important;
}
#section-04 .item-container {
  padding: 0 2.5%;
}
#section-04 .sec04-mt-adjust {
  margin-top: -1.4em;
}/*# sourceMappingURL=umaiEarlysummer-2023-style.css.map */




/* --------------------/ .section-01 custom settings /-------------------- */
#section-01 .item-2column,
#section-02 .item-2column,
#section-03 .item-2column,
#section-04 .item-2column,
#section-05 .item-2column {
  width: 100%;
  grid-template-columns: auto;
  grid-template-rows: repeat(3, -webkit-min-content);
  grid-template-rows: repeat(3, min-content);
  grid-template-areas: "item-img" "item-lead" "item-txt";
}

@media screen and (min-width: 765px) {

  #section-01 .item-2column,
  #section-02 .item-2column,
  #section-03 .item-2column,
  #section-04 .item-2column,
  #section-05 .item-2column {
    width: 48.5%;
  }
}

#section-01 .item-2column .item-icon .icon-food-court,
#section-02 .item-2column .item-icon .icon-food-court,
#section-03 .item-2column .item-icon .icon-food-court,
#section-04 .item-2column .item-icon .icon-food-court,
#section-05 .item-2column .item-icon .icon-food-court {
  width: 30%;
}

#section-01 .item-2column .item-price,
#section-02 .item-2column .item-price,
#section-03 .item-2column .item-price,
#section-04 .item-2column .item-price,
#section-05 .item-2column .item-price {
  margin-top: 0;
}

#section-01 .item-2column .ltd .ltd-date,
#section-02 .item-2column .ltd .ltd-date,
#section-03 .item-2column .ltd .ltd-date,
#section-04 .item-2column .ltd .ltd-date,
#section-05 .item-2column .ltd .ltd-date {
  font-size: var(--fz);
}

#section-01 .item-2column .item-name-adjust,
#section-02 .item-2column .item-name-adjust,
#section-03 .item-2column .item-name-adjust,
#section-04 .item-2column .item-name-adjust,
#section-05 .item-2column .item-name-adjust {
  margin-top: 0.8em;
}

#section-01 .item-2column .item-price-adjust,
#section-02 .item-2column .item-price-adjust,
#section-03 .item-2column .item-price-adjust,
#section-04 .item-2column .item-price-adjust,
#section-05 .item-2column .item-price-adjust {
  margin-top: -1.75em;
}


