.shoppingmallSect__head {
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .shoppingmallSect__head {
    max-width: 1000px;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1000px) {
  .shoppingmallSect__head {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .shoppingmallSect__head .headingCombi + .photo {
    margin-top: 80px;
  }
}
@media screen and (max-width: 768px) {
  .shoppingmallSect__head .headingCombi + .photo {
    margin-top: 60px;
  }
}
.shoppingmallSect__cont .usableList__inner {
  display: block;
}
@media screen and (max-width: 768px) {
  .shoppingmallSect__cont .usableList__item:not(:first-child) {
    margin-top: 40px;
  }
}
@media screen and (min-width: 768px) {
  .shoppingmallSect__cont .heading + .usableList {
    margin-top: 80px;
  }
}
@media screen and (max-width: 768px) {
  .shoppingmallSect__cont .heading + .usableList {
    margin-top: 60px;
  }
}
@media screen and (min-width: 768px) {
  .shoppingmallSect__head + .shoppingmallSect__cont {
    margin-top: 120px;
  }
}
@media screen and (max-width: 768px) {
  .shoppingmallSect__head + .shoppingmallSect__cont {
    margin-top: 80px;
  }
}
@media screen and (min-width: 768px) {
  .mallCard {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 768px) {
  .mallCard__head {
    width: 600px;
  }
}
.mallCard__desc {
  color: #595757;
}
@media screen and (min-width: 768px) {
  .mallCard__desc {
    padding-left: 40px;
    width: calc(100% - 600px);
  }
}
@media screen and (max-width: 768px) {
  .mallCard__head + .mallCard__desc {
    margin-top: 40px;
  }
}
.mallCard__ttl {
  letter-spacing: 0.08em;
  line-height: 1.6;
}
.mallCard__ttl:before {
  content: "";
  margin-top: calc((1 - 1.6) * 0.5em);
}
.mallCard__ttl:after {
  margin-bottom: calc((1 - 1.6) * 0.5em);
}
.mallCard__ttl:before, .mallCard__ttl:after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
@media screen and (min-width: 768px) {
  .mallCard__ttl {
    font-size: 24px;
  }
}
@media screen and (max-width: 768px) {
  .mallCard__ttl {
    font-size: 24px;
  }
}
.mallCard__ttl .small {
  font-size: 16px;
}
.mallCard__shops {
  align-items: center;
  display: flex;
  gap: 19px;
}
@media screen and (min-width: 768px) {
  .mallCard__shops {
    margin-top: 40px;
  }
}
@media screen and (max-width: 768px) {
  .mallCard__shops {
    margin-top: 20px;
  }
}
@media screen and (min-width: 768px) {
  .mallCard__shops + .txt {
    margin-top: 40px;
  }
}
@media screen and (max-width: 768px) {
  .mallCard__shops + .txt {
    margin-top: 20px;
  }
}
.mallCard__total {
  align-items: center;
  display: flex;
  flex-direction: column;
  font-family: "YakuHanMP", "Hiragino Mincho Pro", "Hiragino Mincho ProN", "Noto Serif JP", "YuMincho", "Yu Mincho", "MS PMincho", serif;
  font-size: 14px;
  justify-content: center;
  letter-spacing: 0.08em;
  position: relative;
  text-align: center;
  width: 135px;
}
@media screen and (min-width: 768px) {
  .mallCard__total {
    gap: 10px;
    height: 57px;
  }
}
@media screen and (max-width: 768px) {
  .mallCard__total {
    gap: 5px;
    height: 99px;
  }
}
.mallCard__total::before, .mallCard__total::after {
  background-color: #595757;
  content: "";
  height: 100%;
  position: absolute;
  top: 0;
  width: 1px;
}
.mallCard__total::before {
  left: 0;
}
.mallCard__total::after {
  right: 0;
}
.mallCard__total .t {
  display: block;
  line-height: 1.6;
}
.mallCard__total .t:before {
  content: "";
  margin-top: calc((1 - 1.6) * 0.5em);
}
.mallCard__total .t:after {
  margin-bottom: calc((1 - 1.6) * 0.5em);
}
.mallCard__total .t:before, .mallCard__total .t:after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
.mallCard__total .t .num {
  display: inline-block;
  font-family: "Noto Serif JP", serif;
  font-size: 40px;
  line-height: 0.8;
}
.mallCard__list {
  display: flex;
  flex: 1;
  flex-wrap: wrap;
  gap: 14px 16px;
}
.mallCard__item {
  letter-spacing: 0.08em;
  padding-left: 1em;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .mallCard__item {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .mallCard__item {
    font-size: 12px;
  }
}
.mallCard__item::before {
  aspect-ratio: 1/1;
  background-color: currentcolor;
  border-radius: 50%;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  top: 0.4em;
  width: 5px;
}
.mallCard__item .inner {
  display: block;
  line-height: 1.6;
}
.mallCard__item .inner:before {
  content: "";
  margin-top: calc((1 - 1.6) * 0.5em);
}
.mallCard__item .inner:after {
  margin-bottom: calc((1 - 1.6) * 0.5em);
}
.mallCard__item .inner:before, .mallCard__item .inner:after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
.mallCard__item--other {
  padding-left: 0;
}
.mallCard__item--other::before {
  display: none;
}
@media screen and (min-width: 768px) {
  .mallCard--rev {
    flex-direction: row-reverse;
  }
}
@media screen and (min-width: 768px) {
  .mallCard--rev .mallCard__desc {
    padding-left: 0;
    padding-right: 40px;
  }
}
.environmentSect {
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .environmentSect {
    padding: 120px 0 0;
  }
}
@media screen and (max-width: 768px) {
  .environmentSect {
    padding: 80px 0 0;
  }
}
@media screen and (min-width: 768px) {
  .environmentSect__head .touchFigure {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
  }
}
@media screen and (max-width: 768px) {
  .environmentSect__head .touchFigure {
    height: 300px;
  }
}
@media screen and (min-width: 768px) {
  .environmentSect__head .touchFigure__image {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .environmentSect__head .headingCombi + .touchFigure {
    margin-top: 80px;
  }
}
@media screen and (max-width: 768px) {
  .environmentSect__head .headingCombi + .touchFigure {
    margin-top: 60px;
  }
}
@media screen and (max-width: 768px) {
  .environmentSect__cont .usableList {
    margin: 0 -24px;
  }
}
.environmentSect__cont .usableList__inner {
  display: grid;
}
@media screen and (min-width: 768px) {
  .environmentSect__cont .usableList__inner {
    grid-template-columns: 161fr 253fr 343fr 252fr 161fr;
    grid-template-rows: auto 1fr auto;
  }
}
@media screen and (max-width: 768px) {
  .environmentSect__cont .usableList__inner {
    grid-template-columns: 56fr 90fr 56fr 240fr;
    grid-template-rows: 97px 56px 56px 97px;
  }
}
@media screen and (min-width: 768px) {
  .environmentSect__cont .usableList__inner {
    gap: 10px;
  }
}
@media screen and (max-width: 768px) {
  .environmentSect__cont .usableList__inner {
    gap: 4px;
  }
}
.environmentSect__cont .usableList__item .photo {
  height: 100%;
  width: 100%;
}
.environmentSect__cont .usableList__item .photo__pic, .environmentSect__cont .usableList__item .photo__image {
  height: 100%;
  width: 100%;
}
.environmentSect__cont .usableList__item .photo__image {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media screen and (min-width: 768px) {
  .environmentSect__cont .usableList__item--01 {
    grid-column: auto/span 2;
    grid-row: auto/span 2;
  }
}
@media screen and (max-width: 768px) {
  .environmentSect__cont .usableList__item--01 {
    grid-column: auto/span 3;
  }
}
@media screen and (min-width: 768px) {
  .environmentSect__cont .usableList__item--04 {
    grid-row: auto/span 3;
  }
}
@media screen and (max-width: 768px) {
  .environmentSect__cont .usableList__item--04 {
    grid-column: 4;
    grid-row: 1/span 4;
  }
}
@media screen and (max-width: 768px) {
  .environmentSect__cont .usableList__item--05 {
    grid-column: auto/span 2;
  }
}
@media screen and (min-width: 768px) {
  .environmentSect__cont .usableList__item--02 {
    grid-column: 1;
  }
}
@media screen and (max-width: 768px) {
  .environmentSect__cont .usableList__item--02 {
    grid-row: 2;
  }
}
@media screen and (min-width: 768px) {
  .environmentSect__cont .usableList__item--07 {
    grid-column: 4/span 2;
    grid-row: 2/span 2;
  }
}
@media screen and (max-width: 768px) {
  .environmentSect__cont .usableList__item--07 {
    grid-column: auto/span 3;
  }
}
@media screen and (max-width: 768px) {
  .environmentSect__cont .usableList__item--03 {
    grid-column: auto/span 2;
    grid-row: 2;
  }
}
.environmentSect__cont .usableList__note {
  text-align: left;
}
@media screen and (max-width: 768px) {
  .environmentSect__cont .usableList__note {
    padding: 0 24px;
  }
}
@media screen and (min-width: 768px) {
  .environmentSect__cont .heading + .usableList {
    margin-top: 80px;
  }
}
@media screen and (max-width: 768px) {
  .environmentSect__cont .heading + .usableList {
    margin-top: 60px;
  }
}
@media screen and (min-width: 768px) {
  .environmentSect__head + .environmentSect__cont {
    margin-top: 120px;
  }
}
@media screen and (max-width: 768px) {
  .environmentSect__head + .environmentSect__cont {
    margin-top: 80px;
  }
}
@media screen and (min-width: 768px) {
  .shopGalleryArea {
    margin-top: 80px;
  }
}
@media screen and (max-width: 768px) {
  .shopGalleryArea {
    margin-top: 60px;
  }
}
@media screen and (min-width: 768px) {
  .shopGalleryArea__block:not(:first-child) {
    margin-top: 60px;
  }
}
@media screen and (max-width: 768px) {
  .shopGalleryArea__block:not(:first-child) {
    margin-top: 40px;
  }
}
.shopGalleryArea__ttl {
  align-items: baseline;
  color: #595757;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  letter-spacing: 0.08em;
}
.shopGalleryArea__ttl .en {
  display: block;
  font-family: "Cormorant Garamond", serif;
  font-size: 32px;
  line-height: 1;
  white-space: nowrap;
}
.shopGalleryArea__ttl .jp {
  display: block;
  font-family: "YakuHanMP", "Hiragino Mincho Pro", "Hiragino Mincho ProN", "Noto Serif JP", "YuMincho", "Yu Mincho", "MS PMincho", serif;
  font-size: 12px;
  font-weight: 300;
  line-height: 1.6;
}
.shopGalleryArea__ttl .jp:before {
  content: "";
  margin-top: calc((1 - 1.6) * 0.5em);
}
.shopGalleryArea__ttl .jp:after {
  margin-bottom: calc((1 - 1.6) * 0.5em);
}
.shopGalleryArea__ttl .jp:before, .shopGalleryArea__ttl .jp:after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
.shopGalleryArea__ttl + .descriptionCardGroup {
  margin-top: 20px;
}
@media screen and (min-width: 768px) {
  .shopGalleryArea .descriptionCardGroup {
    gap: 40px;
  }
}
@media screen and (max-width: 768px) {
  .shopGalleryArea .descriptionCardGroup {
    gap: 24px 10px;
  }
}
@media screen and (min-width: 768px) {
  .shopGalleryArea .descriptionCardGroup .descriptionCard {
    width: calc((100% - 120px) / 4);
  }
}
@media screen and (max-width: 768px) {
  .shopGalleryArea .descriptionCardGroup .descriptionCard {
    width: calc(50% - 5px);
  }
}
@media screen and (min-width: 768px) {
  .lifeInfoSect {
    padding: 120px 0;
  }
}
@media screen and (max-width: 768px) {
  .lifeInfoSect {
    padding: 80px 0;
  }
}
@media screen and (min-width: 768px) {
  .lifeInfoSect__head .photo {
    margin-left: auto;
    margin-right: auto;
    width: -moz-fit-content;
    width: fit-content;
  }
}
.lifeInfoSect__ttl {
  color: #697369;
  font-family: "Cormorant Garamond", serif;
  font-size: 32px;
  letter-spacing: 0.1em;
  line-height: 1;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .lifeInfoSect__ttl + .photo {
    margin-top: 80px;
  }
}
@media screen and (max-width: 768px) {
  .lifeInfoSect__ttl + .photo {
    margin-top: 60px;
  }
}
@media screen and (min-width: 768px) {
  .lifeInfoSect__desc {
    display: flex;
    flex-wrap: wrap;
    gap: 64px;
    justify-content: center;
  }
}
@media screen and (min-width: 768px) {
  .lifeInfoSect__head + .lifeInfoSect__desc {
    margin-top: 60px;
  }
}
@media screen and (max-width: 768px) {
  .lifeInfoSect__head + .lifeInfoSect__desc {
    margin-top: 40px;
  }
}
.lifeInfoDesc {
  color: #595757;
}
@media screen and (min-width: 768px) {
  .lifeInfoDesc {
    width: 461px;
  }
}
@media screen and (max-width: 768px) {
  .lifeInfoDesc:not(:first-child) {
    margin-top: 24px;
  }
}
.lifeInfoDesc__ttl {
  font-size: 14px;
  letter-spacing: 0.1em;
  line-height: 2em;
  padding-bottom: 16px;
  position: relative;
  z-index: 1;
}
.lifeInfoDesc__ttl .inner {
  display: block;
  line-height: 2;
}
.lifeInfoDesc__ttl .inner:before {
  content: "";
  margin-top: calc((1 - 2) * 0.5em);
}
.lifeInfoDesc__ttl .inner:after {
  margin-bottom: calc((1 - 2) * 0.5em);
}
.lifeInfoDesc__ttl .inner:before, .lifeInfoDesc__ttl .inner:after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
.lifeInfoDesc__ttl:after {
  background-color: currentcolor;
  bottom: 0;
  content: "";
  display: block;
  height: 1px;
  left: 0;
  position: absolute;
  width: 100%;
}
.lifeInfoDesc__ttl + .lifeInfoDesc__list {
  margin-top: 16px;
}
.lifeInfoDesc__list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.lifeInfoDesc__item {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: 20px;
  justify-content: space-between;
  padding: 8px 0;
  position: relative;
}
.lifeInfoDesc__item .line {
  background-color: #595757;
  display: block;
  flex: 1;
  height: 1px;
  margin: 0 10px;
}
@media screen and (max-width: 768px) {
  .lifeInfoDesc__item .line {
    display: none;
  }
}
.lifeInfoDesc__item .name,
.lifeInfoDesc__item .dist {
  display: block;
  font-family: "YakuHanMP", "Hiragino Mincho Pro", "Hiragino Mincho ProN", "Noto Serif JP", "YuMincho", "Yu Mincho", "MS PMincho", serif;
  font-size: 12px;
  letter-spacing: 0.1em;
  line-height: 2em;
  text-align: right;
  white-space: nowrap;
  line-height: 2;
}
.lifeInfoDesc__item .name:before,
.lifeInfoDesc__item .dist:before {
  content: "";
  margin-top: calc((1 - 2) * 0.5em);
}
.lifeInfoDesc__item .name:after,
.lifeInfoDesc__item .dist:after {
  margin-bottom: calc((1 - 2) * 0.5em);
}
.lifeInfoDesc__item .name:before, .lifeInfoDesc__item .name:after,
.lifeInfoDesc__item .dist:before,
.lifeInfoDesc__item .dist:after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
@media screen and (min-width: 768px) {
  .bgLayer--charm:after {
    background: #040000 url("../imgs/pc/bg-charm-01@1.5x.jpg") no-repeat center top;
    background-size: 100% auto;
  }
}
@media screen and (max-width: 768px) {
  .bgLayer--charm:after {
    background: #040000 url("../imgs/sp/bg-charm-01.jpg") no-repeat center top;
    background-size: 100% auto;
  }
}
.bgLayer--charm:before {
  color: #fff;
  content: "image photo";
  font-size: 10px;
  letter-spacing: 0.1em;
  line-height: 1.8;
  position: absolute;
  right: calc(50% - 50vw + 5px);
  text-shadow: rgba(0, 0, 0, 0.7) 1px 1px 10px, rgba(0, 0, 0, 0.7) 1px 1px 10px, rgba(0, 0, 0, 0.7) 1px 1px 10px, rgba(0, 0, 0, 0.7) 1px 1px 10px, rgba(0, 0, 0, 0.7) 1px 1px 10px, rgba(0, 0, 0, 0.7) 1px 1px 10px;
  top: 5px;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .charmArea {
    padding: 57px 0 140px;
  }
}
@media screen and (max-width: 768px) {
  .charmArea {
    padding: 60px 0 80px;
  }
}
.charmArea__ttl {
  position: relative;
  z-index: 1;
}
.charmArea__ttl .logo {
  display: block;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .charmArea__ttl .logo {
    width: 543px;
  }
}
@media screen and (max-width: 768px) {
  .charmArea__ttl .logo {
    width: 300px;
  }
}
.charmArea__ttl .t {
  color: #fff;
  display: block;
  font-family: "Cormorant Garamond", serif;
  left: 50%;
  letter-spacing: 0.08em;
  line-height: 1;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .charmArea__ttl .t {
    font-size: 40px;
  }
}
@media screen and (max-width: 768px) {
  .charmArea__ttl .t {
    font-size: 36px;
  }
}
.charmArea__body {
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .charmArea__body {
    margin-top: 60px;
    padding: 120px 104px;
  }
}
@media screen and (max-width: 768px) {
  .charmArea__body {
    margin-top: 50px;
    padding: 80px 21px;
  }
}
.seasonalSect__head .headingCombi .heading {
  white-space: nowrap;
}
.seasonalSect__head + .seasonalSect__cont {
  margin-top: 80px;
}
@media screen and (min-width: 768px) {
  .seasonalSect__intro {
    display: flex;
    gap: 40px;
  }
}
@media screen and (min-width: 768px) {
  .seasonalSect__intro .headingCombi {
    width: 376px;
  }
}
@media screen and (min-width: 768px) {
  .seasonalSect__intro .descriptionCardGroup {
    gap: 40px;
    width: 585px;
  }
}
@media screen and (max-width: 768px) {
  .seasonalSect__intro .descriptionCardGroup {
    display: block;
    margin-top: 40px;
  }
}
@media screen and (min-width: 768px) {
  .seasonalSect__intro .descriptionCardGroup .descriptionCard {
    width: calc(50% - 20px);
  }
}
@media screen and (max-width: 768px) {
  .seasonalSect__intro .descriptionCardGroup .descriptionCard:not(:first-child) {
    margin-top: 20px;
  }
}
.seasonalSect__event {
  margin-top: 80px;
}
@media screen and (min-width: 768px) {
  .seasonalSect__event {
    display: flex;
    gap: 80px;
  }
}
@media screen and (min-width: 768px) {
  .seasonalSect__event .eventCalendar {
    width: 538px;
  }
}
@media screen and (max-width: 768px) {
  .seasonalSect__event .eventCalendar {
    margin-top: 60px;
  }
}
@media screen and (min-width: 768px) {
  .seasonalSect__desc {
    width: 376px;
  }
}
.seasonalSect__desc .descriptionCardGroup {
  display: block;
}
@media screen and (min-width: 768px) {
  .seasonalSect__desc .descriptionCardGroup .descriptionCard:not(:first-child) {
    margin-top: 40px;
  }
}
@media screen and (max-width: 768px) {
  .seasonalSect__desc .descriptionCardGroup .descriptionCard:not(:first-child) {
    margin-top: 20px;
  }
}
.seasonalSect__desc .headingCombi + .descriptionCardGroup {
  margin-top: 40px;
}
.eventCalendar {
  display: grid;
  grid-gap: 0.8em 0;
  gap: 0.8em 0;
  grid-template-columns: 52px 1fr;
  position: relative;
  z-index: 1;
}
.eventCalendar:before {
  background-color: #595757;
  content: "";
  height: 100%;
  left: 52px;
  position: absolute;
  top: 0;
  width: 1px;
}
.eventCalendar__ttl, .eventCalendar__desc {
  color: #595757;
  font-family: yakuhanjp, "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", meiryo, sans-serif;
  letter-spacing: 0.08em;
  line-height: 2;
}
.eventCalendar__ttl:before, .eventCalendar__desc:before {
  content: "";
  margin-top: calc((1 - 2) * 0.5em);
}
.eventCalendar__ttl:after, .eventCalendar__desc:after {
  margin-bottom: calc((1 - 2) * 0.5em);
}
.eventCalendar__ttl:before, .eventCalendar__ttl:after, .eventCalendar__desc:before, .eventCalendar__desc:after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
@media screen and (min-width: 768px) {
  .eventCalendar__ttl, .eventCalendar__desc {
    font-size: 14px;
  }
}
@media screen and (max-width: 768px) {
  .eventCalendar__ttl, .eventCalendar__desc {
    font-size: 12px;
  }
}
.eventCalendar__ttl {
  width: 52px;
}
.eventCalendar__desc {
  padding-left: 20px;
}
@media screen and (min-width: 768px) {
  .rankingSect {
    margin-top: 120px;
  }
}
@media screen and (max-width: 768px) {
  .rankingSect {
    margin-top: 80px;
  }
}
@media screen and (min-width: 768px) {
  .rankingSect__head .rankingDetail {
    margin-top: 80px;
  }
}
@media screen and (max-width: 768px) {
  .rankingSect__head .rankingDetail {
    margin-top: 60px;
  }
}
@media screen and (min-width: 768px) {
  .rankingSect__head + .rankingSect__cont {
    margin-top: 120px;
  }
}
@media screen and (max-width: 768px) {
  .rankingSect__head + .rankingSect__cont {
    margin-top: 80px;
  }
}
@media screen and (min-width: 768px) {
  .rankingSect__block {
    display: flex;
    gap: 40px;
  }
}
@media screen and (min-width: 768px) {
  .rankingSect__block:not(:first-child) {
    margin-top: 80px;
  }
}
@media screen and (max-width: 768px) {
  .rankingSect__block:not(:first-child) {
    margin-top: 60px;
  }
}
@media screen and (min-width: 768px) {
  .rankingSect__block .headingCombi {
    width: 376px;
  }
}
@media screen and (min-width: 768px) {
  .rankingSect__block .descriptionCardGroup {
    flex: 1;
    gap: 40px;
  }
}
@media screen and (max-width: 768px) {
  .rankingSect__block .descriptionCardGroup {
    display: block;
    margin-top: 40px;
  }
}
@media screen and (min-width: 768px) {
  .rankingSect__block .descriptionCardGroup .descriptionCard {
    width: calc(50% - 20px);
  }
}
@media screen and (max-width: 768px) {
  .rankingSect__block .descriptionCardGroup .descriptionCard:not(:first-child) {
    margin-top: 20px;
  }
}
.rankingDetail__ttl {
  color: #595757;
  font-family: yakuhanjp, "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", meiryo, sans-serif;
  font-weight: 400;
  letter-spacing: 0.08em;
  text-align: center;
  line-height: 1.6;
}
.rankingDetail__ttl:before {
  content: "";
  margin-top: calc((1 - 1.6) * 0.5em);
}
.rankingDetail__ttl:after {
  margin-bottom: calc((1 - 1.6) * 0.5em);
}
.rankingDetail__ttl:before, .rankingDetail__ttl:after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
@media screen and (min-width: 768px) {
  .rankingDetail__ttl {
    font-size: 20px;
  }
}
@media screen and (max-width: 768px) {
  .rankingDetail__ttl {
    font-size: 18px;
  }
}
.rankingDetail__ttl + .rankingDetail__fig {
  margin-top: 40px;
}
.rankingDetail__fig + .caption {
  margin-top: 10px;
}
@media screen and (min-width: 768px) {
  .location-shoppingmall {
    padding: 0 0 120px;
  }
}
@media screen and (max-width: 768px) {
  .location-shoppingmall {
    padding: 0 0 80px;
  }
}
/*# sourceMappingURL=style.css.map */