@charset "UTF-8";
.page-head .block {
  /**display: grid;
  grid-template-columns: 0.57fr 1fr;
  gap: 6rem 4rem;**/
  margin-top: 6rem; }
  .page-head .block .lead {
    text-align: center; }
  .page-head .block .img {
    max-width: 900px;
    margin: auto;
    margin-top: 5rem; }

.category-name {
  font-family: "big-caslon-fb", "游明朝", "yu-mincho-pr6n", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: 700;
  font-style: normal;
  color: #704c70;
  font-size: 4rem;
  text-align: center;
  margin-bottom: 3rem; }

.midashi + .lead {
  margin-top: 3rem; }

.item-list {
  margin-top: 5.5rem; }

.item a {
  font-family: "游明朝", "yu-mincho-pr6n", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  font-feature-settings: "palt";
  text-decoration: none;
  color: #000000; }
  .item a:hover .img {
    filter: brightness(110%); }
.item .img {
  transition: filter .2s linear; }
.item .catch-copy {
  font-size: 14px;
  margin-top: 1.5rem;
  line-height: 1.4; }
.item .name {
  font-size: 18px;
  color: #704c70;
  margin-top: 1.5rem;
  line-height: 1;
  letter-spacing: 0.1em; }
.item .distance {
  font-size: 12px;
  margin-top: 0.8rem;
  line-height: 1;
  letter-spacing: 0.1em; }

.fancybox-image {
  background-color: #ffffff !important;
  padding: 3rem !important;
  border-radius: 1rem; }

.leisure::after {
  background: rgba(239, 238, 231, 0.5); }

.life-style {
  background: #524055;
  background: linear-gradient(-90deg, #524055 0%, #2e2532 70%);
  display: grid;
  grid-template-columns: 1fr 0.94fr;
  position: relative;
  padding-top: 7.5rem; }
  .life-style .flower {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 58.42%; }
  .life-style .photo {
    position: relative; }
  .life-style .copy {
    position: relative;
    text-align: center;
    padding-top: 3rem; }
    .life-style .copy .title {
      font-family: "big-caslon-fb", "游明朝", "yu-mincho-pr6n", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
      font-weight: 700;
      font-style: normal;
      color: #ffffff;
      font-size: 4.5rem;
      letter-spacing: 0.1em; }
    .life-style .copy .lead {
      color: #ffffff; }
    .life-style .copy .button {
      font-family: "big-caslon-fb", "游明朝", "yu-mincho-pr6n", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
      font-weight: 700;
      font-style: normal;
      background: #CCC7B6;
      background: linear-gradient(90deg, #ccc7b6 0%, #f4f3ee 100%);
      color: rgba(0, 0, 0, 0.39);
      font-size: 2rem;
      margin-top: 2rem;
      width: 305px;
      margin-inline: auto;
      letter-spacing: 0.05em;
      padding: 1rem;
      box-sizing: border-box; }

@media screen and (max-width: 1024px) {
  .life-style {
    grid-template-columns: repeat(2, 1fr);
    padding-top: 5rem; }
    .life-style .copy {
      padding-top: 0; }
      .life-style .copy .title {
        font-size: 3.8rem; }
      .life-style .copy .button {
        font-family: "big-caslon-fb", "游明朝", "yu-mincho-pr6n", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
        font-weight: 700;
        font-style: normal;
        font-size: 1.6rem;
        width: 260px; } }
@media screen and (max-width: 768px) {
  .page-head .block {
    display: grid;
    grid-template-columns: 1fr;
    gap: 4rem;
    margin-top: 6rem; }
    .page-head .block .lead {
      text-align: center; }

  .item .catch-copy {
    font-size: 12px; }
  .item .name {
    font-size: 15px; }
  .item .distance {
    font-size: 11px; }

  .fancybox-image {
    padding: 2rem !important; }

  .life-style {
    grid-template-columns: 1fr;
    padding: 0; }
    .life-style .flower {
      width: 110%; }
    .life-style .copy {
      padding: 5rem 0 7rem; }
      .life-style .copy .button {
        width: 240px; } }