@charset "UTF-8";
*, *:before, *:after {
  box-sizing: border-box; }

html {
  text-size-adjust: 100%;
  font-size: 62.5%; }

body {
  font-family: "Helvetica Neue", 'Noto Sans JP', sans-serif;
  color: #fff;
  background: #4d4d4d;
  font-size: 1.6rem; }

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
figure {
  margin: 0;
  padding: 0; }

table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%; }

fieldset,
img {
  border: 0; }

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
  font-style: normal;
  font-weight: normal; }

ol,
ul {
  list-style: none; }

caption,
th {
  text-align: left; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal; }

q:before,
q:after {
  content: ""; }

abbr,
acronym {
  border: 0;
  font-variant: normal; }

sup {
  vertical-align: text-top; }

sub {
  vertical-align: -45%;
  line-height: 1; }

input,
textarea,
select,
button {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  /**font-size: 100%;*/
  border-radius: 0;
  border: none;
  appearance: none;
  -webkit-appearance: none;
  background-color: inherit; }

input,
textarea,
select {
  font-size: 1.25vw; }

textarea {
  resize: vertical;
  display: block; }

button {
  padding: 0;
  cursor: pointer; }

legend {
  color: #000; }

main {
  display: block; }

a {
  text-decoration: none;
  color: inherit;
  transition: 0.3s ease; }
  a:hover {
    opacity: .7; }

img {
  width: 100%;
  height: auto;
  vertical-align: bottom; }

svg {
  display: block; }

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  box-sizing: border-box; }

*::before,
*::after {
  box-sizing: border-box; }

br.pc {
  display: block; }
  @media screen and (max-width: 768px) {
    br.pc {
      display: none; } }
br.sp {
  display: none; }
  @media screen and (max-width: 768px) {
    br.sp {
      display: block; } }

.inner {
  max-width: 840px;
  margin: 0 auto; }
  @media screen and (max-width: 880px) {
    .inner {
      max-width: none;
      padding: 0 1.0416666667vw; } }
  @media screen and (max-width: 768px) {
    .inner {
      padding: 0 8vw; } }

.hidden {
  display: block;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap; }

#wrapper {
  width: 100%;
  overflow: hidden;
  position: relative; }

header {
  position: fixed;
  top: 60px;
  left: 60px;
  z-index: 10000; }
  @media screen and (max-width: 1100px) {
    header {
      top: 3.125vw;
      left: 3.125vw; } }
  @media screen and (max-width: 768px) {
    header {
      top: 2.6666666667vw;
      left: 2.6666666667vw; } }
  header h1 a {
    display: block;
    background: url(https://gracery.com/shinjuku/page/areaguide/assets/img/logo.png.webp) no-repeat center/contain;
    width: 159px;
    height: 96.5px; }
    @media screen and (max-width: 1100px) {
      header h1 a {
        width: 8.28125vw;
        height: 5.0260416667vw; } }
    @media screen and (max-width: 768px) {
      header h1 a {
        width: 50.4666666667vw;
        height: 3.8666666667vw;
        background-image: url(https://gracery.com/shinjuku/page/areaguide/assets/img/logo-sp.png.webp); } }

main {
  width: 100vw;
  position: relative;
  background: url(https://gracery.com/shinjuku/page/areaguide/assets/img/title-bg.jpg.webp) no-repeat center top/contain; }
  @media screen and (max-width: 768px) {
    main {
      background-image: url(https://gracery.com/shinjuku/page/areaguide/assets/img/title-bg-sp.jpg.webp); } }

#main-top-title {
  width: 100vw;
  height: 39.0104166667vw;
  padding: 1.0416666667vw 0 0;
  text-align: center;
  position: relative;
  z-index: 2; }
  @media screen and (max-width: 1100px) {
    #main-top-title {
      height: 39.0104166667vw;
      padding: 1.0416666667vw 0 0; } }
  @media screen and (max-width: 768px) {
    #main-top-title {
      height: 78.6666666667vw;
      padding: 8vw 0 0; } }
  #main-top-title h2 {
    display: inline-block;
    width: 53.7239583333vw;
    height: 25.234375vw;
    background: url(https://gracery.com/shinjuku/page/areaguide/assets/img/title-logo.png.webp) no-repeat center top/contain;
    animation: neon 3s step-end 1s infinite; }
    @media screen and (max-width: 1100px) {
      #main-top-title h2 {
        /*width:vw(1031.5);
        height:vw(484.5);*/ } }
    @media screen and (max-width: 768px) {
      #main-top-title h2 {
        width: 100vw;
        height: 47vw; } }

#main-top-menu {
  width: 100vw;
  position: relative;
  overflow: hidden;
  z-index: 1;
  background: #0e1333;
  background: linear-gradient(180deg, #0e1333 20%, #21204c 80%, #b45080 100%); }
  @media screen and (max-width: 768px) {
    #main-top-menu {
      background: none; } }
  #main-top-menu:before {
    content: "";
    position: absolute;
    z-index: 11;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100%;
    background: url(https://gracery.com/shinjuku/page/areaguide/assets/img/blur-cover_min.png.webp) no-repeat center top/100% 100%; }
    @media screen and (max-width: 768px) {
      #main-top-menu:before {
        background-image: url(https://gracery.com/shinjuku/page/areaguide/assets/img/main-bg01-sp.png.webp); } }
  #main-top-menu .container {
    position: relative;
    z-index: 100;
    width: 57.2916666667vw;
    margin: 0 auto;
    background: #0e1333;
    background: linear-gradient(180deg, #0e1333 20%, #0e1333 80%, #824e51 100%); }
    @media screen and (max-width: 768px) {
      #main-top-menu .container {
        width: auto;
        background: none; } }
    #main-top-menu .container .main-top-menu__deco01 {
      position: absolute;
      top: 4.1666666667vw;
      left: -15.625vw;
      width: 18.2291666667vw; }
      @media screen and (max-width: 768px) {
        #main-top-menu .container .main-top-menu__deco01 {
          top: 0;
          left: 50%;
          width: 32.2666666667vw;
          margin: 0 0 0 -16.1333333333vw; } }
    #main-top-menu .container .main-top-menu__deco02 {
      position: absolute;
      top: 23.9583333333vw;
      right: -9.8958333333vw;
      width: 12.1875vw; }
      @media screen and (max-width: 768px) {
        #main-top-menu .container .main-top-menu__deco02 {
          display: none; } }
    #main-top-menu .container .main-top-menu__deco03 {
      position: absolute;
      top: 7.8125vw;
      left: -3.6458333333vw;
      width: 7.265625vw; }
      @media screen and (max-width: 768px) {
        #main-top-menu .container .main-top-menu__deco03 {
          top: 6.6666666667vw;
          left: auto;
          right: 5.3333333333vw;
          width: 13.3333333333vw; } }
    #main-top-menu .container .main-top-menu__deco04 {
      position: absolute;
      top: 48.9583333333vw;
      right: -12.7604166667vw;
      width: 19.3489583333vw; }
      @media screen and (max-width: 768px) {
        #main-top-menu .container .main-top-menu__deco04 {
          display: none; } }
  #main-top-menu #main-top-menu__message {
    text-align: center;
    padding: 2.34375vw 0 4.6875vw; }
    @media screen and (max-width: 768px) {
      #main-top-menu #main-top-menu__message {
        padding: 21.3333333333vw 0 12vw; } }
    #main-top-menu #main-top-menu__message .en {
      font-family: Century Gothic, CenturyGothic, "Sukhumvit Set", "Helvetica Neue", sans-serif;
      margin: 0 0 1.5625vw; }
      @media screen and (max-width: 768px) {
        #main-top-menu #main-top-menu__message .en {
          margin: 0 0 4vw; } }
      #main-top-menu #main-top-menu__message .en p {
        font-size: 1.9791666667vw;
        line-height: 1.2;
        font-weight: bold;
        margin: 0 0 .5em; }
        @media screen and (max-width: 768px) {
          #main-top-menu #main-top-menu__message .en p {
            font-size: 4.5333333333vw; } }
      #main-top-menu #main-top-menu__message .en small {
        font-size: 1.1979166667vw;
        line-height: 1.6; }
        @media screen and (max-width: 768px) {
          #main-top-menu #main-top-menu__message .en small {
            font-size: 4vw;
            line-height: 1.5; } }
    #main-top-menu #main-top-menu__message .jp p {
      font-size: 1.0416666667vw;
      line-height: 1.6;
      font-weight: bold;
      margin: 0 0 .5em; }
      @media screen and (max-width: 768px) {
        #main-top-menu #main-top-menu__message .jp p {
          font-size: 3.7333333333vw; } }
    #main-top-menu #main-top-menu__message .jp small {
      font-size: 0.9375vw;
      line-height: 1.6; }
      @media screen and (max-width: 768px) {
        #main-top-menu #main-top-menu__message .jp small {
          font-size: 3.0666666667vw; } }
  #main-top-menu #main-top-menu__list ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1.0416666667vw; }
    @media screen and (max-width: 768px) {
      #main-top-menu #main-top-menu__list ul {
        gap: 4.6666666667vw;
        padding: 0 6.6666666667vw; } }
    #main-top-menu #main-top-menu__list ul li {
      text-align: center; }
      #main-top-menu #main-top-menu__list ul li a {
        background: linear-gradient(110deg, #ff67ac 20%, #a7d9b9 40%, #71eaea 70%, #b7bae5 100%);
        display: block;
        width: 13.9583333333vw;
        height: 2.9166666667vw;
        line-height: 2.8125vw;
        border-radius: 3.125vw;
        padding: 0.0520833333vw; }
        @media screen and (max-width: 768px) {
          #main-top-menu #main-top-menu__list ul li a {
            width: 40.9333333333vw;
            height: 7.4666666667vw;
            line-height: 7.2vw;
            border-radius: 8vw;
            padding: 0.1333333333vw; } }
        #main-top-menu #main-top-menu__list ul li a span {
          display: block;
          font-family: Century Gothic, CenturyGothic, "Sukhumvit Set", "Helvetica Neue", sans-serif;
          font-size: 1.25vw;
          font-weight: bold;
          color: #ff66ab;
          background-color: #0e1333;
          border-radius: 3.0208333333vw; }
          @media screen and (max-width: 768px) {
            #main-top-menu #main-top-menu__list ul li a span {
              font-size: 3.2vw;
              border-radius: 7.7333333333vw; } }
      @media screen and (max-width: 768px) {
        #main-top-menu #main-top-menu__list ul li:nth-child(3) {
          margin: 0 13.3333333333vw; } }
      #main-top-menu #main-top-menu__list ul li:nth-child(5) a span {
        font-size: 0.9375vw; }
        @media screen and (max-width: 768px) {
          #main-top-menu #main-top-menu__list ul li:nth-child(5) a span {
            font-size: 2.4vw; } }
  #main-top-menu #main-top-menu__newspot {
    padding: 8.8541666667vw 6.7708333333vw 0; }
    @media screen and (max-width: 768px) {
      #main-top-menu #main-top-menu__newspot {
        padding: 13.3333333333vw 6.6666666667vw 0; } }
    #main-top-menu #main-top-menu__newspot .box {
      position: relative;
      background: #ff66ab;
      background: linear-gradient(90deg, #ff66ab 10%, #b8b8e4 25%, #66edf2 40%, #7ae5cc 60%, #f2ff33 75%, #e9e340 85%, #ff9986 100%);
      padding: 0.2604166667vw; }
      @media screen and (max-width: 768px) {
        #main-top-menu #main-top-menu__newspot .box {
          background: linear-gradient(-90deg, #ff66ab 10%, #b8b8e4 25%, #66edf2 40%, #7ae5cc 60%, #f2ff33 75%, #e9e340 85%, #ff9986 100%);
          padding: 0.6666666667vw; } }
      #main-top-menu #main-top-menu__newspot .box:before {
        content: "";
        position: absolute;
        bottom: -0.7291666667vw;
        left: -0.7291666667vw;
        width: 1.6666666667vw;
        height: 1.6666666667vw;
        background-color: #ff66ab;
        border-radius: 50%;
        z-index: 10; }
        @media screen and (max-width: 768px) {
          #main-top-menu #main-top-menu__newspot .box:before {
            left: auto;
            bottom: -1.8666666667vw;
            right: -1.8666666667vw;
            width: 4.2666666667vw;
            height: 4.2666666667vw; } }
      #main-top-menu #main-top-menu__newspot .box:after {
        content: "";
        position: absolute;
        top: -0.7291666667vw;
        right: -0.7291666667vw;
        width: 1.6666666667vw;
        height: 1.6666666667vw;
        background-color: #ff9986;
        border-radius: 50%;
        z-index: 10; }
        @media screen and (max-width: 768px) {
          #main-top-menu #main-top-menu__newspot .box:after {
            right: auto;
            top: -1.8666666667vw;
            left: -1.8666666667vw;
            width: 4.2666666667vw;
            height: 4.2666666667vw; } }
      #main-top-menu #main-top-menu__newspot .box .box-wrap {
        background-color: #0e1333;
        position: relative;
        padding: 6.25vw 2.6041666667vw 2.6041666667vw; }
        @media screen and (max-width: 768px) {
          #main-top-menu #main-top-menu__newspot .box .box-wrap {
            padding: 13.3333333333vw 10.6666666667vw 10.6666666667vw; } }
        #main-top-menu #main-top-menu__newspot .box .box-wrap h2 {
          position: absolute;
          background: url(https://gracery.com/shinjuku/page/areaguide/assets/img/new-spot.png.webp) no-repeat center/contain;
          width: 23.3072916667vw;
          height: 7.9166666667vw;
          top: -3.75vw;
          left: -3.75vw; }
          @media screen and (max-width: 768px) {
            #main-top-menu #main-top-menu__newspot .box .box-wrap h2 {
              width: 59.6666666667vw;
              height: 20.2666666667vw;
              top: -10.6666666667vw;
              left: 50%;
              margin: 0 0 0 -35.2vw; } }
        #main-top-menu #main-top-menu__newspot .box .box-wrap .posts article {
          display: flex;
          justify-content: space-between;
          margin: 0 0 4.1666666667vw; }
          @media screen and (max-width: 768px) {
            #main-top-menu #main-top-menu__newspot .box .box-wrap .posts article {
              display: block;
              margin: 0 0 10.6666666667vw; } }
          #main-top-menu #main-top-menu__newspot .box .box-wrap .posts article:last-child {
            margin: 0; }
          #main-top-menu #main-top-menu__newspot .box .box-wrap .posts article .image {
            width: 15.625vw; }
            @media screen and (max-width: 768px) {
              #main-top-menu #main-top-menu__newspot .box .box-wrap .posts article .image {
                width: auto; } }
            #main-top-menu #main-top-menu__newspot .box .box-wrap .posts article .image figure {
              margin: 0 0 0.2604166667vw; }
              @media screen and (max-width: 768px) {
                #main-top-menu #main-top-menu__newspot .box .box-wrap .posts article .image figure {
                  margin: 0 0 2.6666666667vw; } }
            #main-top-menu #main-top-menu__newspot .box .box-wrap .posts article .image .meta {
              display: flex;
              align-items: center;
              justify-content: end; }
              @media screen and (max-width: 768px) {
                #main-top-menu #main-top-menu__newspot .box .box-wrap .posts article .image .meta {
                  justify-content: center; } }
              #main-top-menu #main-top-menu__newspot .box .box-wrap .posts article .image .meta span img {
                width: auto;
                height: 1.5364583333vw; }
                @media screen and (max-width: 768px) {
                  #main-top-menu #main-top-menu__newspot .box .box-wrap .posts article .image .meta span img {
                    height: 7.7333333333vw; } }
              #main-top-menu #main-top-menu__newspot .box .box-wrap .posts article .image .meta a {
                margin: 0 0 0 0.4166666667vw; }
                @media screen and (max-width: 768px) {
                  #main-top-menu #main-top-menu__newspot .box .box-wrap .posts article .image .meta a {
                    margin: 0 0 0 1.6vw; } }
                #main-top-menu #main-top-menu__newspot .box .box-wrap .posts article .image .meta a img {
                  width: auto;
                  height: 1.2239583333vw; }
                  @media screen and (max-width: 768px) {
                    #main-top-menu #main-top-menu__newspot .box .box-wrap .posts article .image .meta a img {
                      height: 6.4vw; } }
          #main-top-menu #main-top-menu__newspot .box .box-wrap .posts article .text {
            width: 19.7916666667vw; }
            @media screen and (max-width: 768px) {
              #main-top-menu #main-top-menu__newspot .box .box-wrap .posts article .text {
                width: auto;
                padding: 2.6666666667vw 0 0; } }
            #main-top-menu #main-top-menu__newspot .box .box-wrap .posts article .text h3 {
              font-size: 1.25vw;
              font-weight: bold;
              margin: 0 0 .5em; }
              @media screen and (max-width: 768px) {
                #main-top-menu #main-top-menu__newspot .box .box-wrap .posts article .text h3 {
                  font-size: 4.2666666667vw;
                  text-align: center; } }
            #main-top-menu #main-top-menu__newspot .box .box-wrap .posts article .text p {
              font-size: 0.9375vw;
              margin: 0 0 .5em;
              line-height: 1.1; }
              @media screen and (max-width: 768px) {
                #main-top-menu #main-top-menu__newspot .box .box-wrap .posts article .text p {
                  font-size: 3.2vw;
                  text-align: center; } }
            #main-top-menu #main-top-menu__newspot .box .box-wrap .posts article .text small {
              display: block;
              font-size: 0.5729166667vw; }
              @media screen and (max-width: 768px) {
                #main-top-menu #main-top-menu__newspot .box .box-wrap .posts article .text small {
                  font-size: 2.1333333333vw;
                  text-align: center; } }
      #main-top-menu #main-top-menu__newspot .box .box-deco01 {
        position: absolute;
        top: -4.6875vw;
        right: 2.0833333333vw;
        width: 8.8541666667vw; }
        @media screen and (max-width: 768px) {
          #main-top-menu #main-top-menu__newspot .box .box-deco01 {
            top: -6.6666666667vw;
            right: -6vw;
            width: 13.3333333333vw; } }
      #main-top-menu #main-top-menu__newspot .box .box-deco02 {
        position: absolute;
        bottom: -3.125vw;
        right: -3.75vw;
        width: 13.1770833333vw; }
        @media screen and (max-width: 768px) {
          #main-top-menu #main-top-menu__newspot .box .box-deco02 {
            right: auto;
            bottom: -7.3333333333vw;
            left: -5.3333333333vw;
            width: 28vw; } }
  #main-top-menu #main-top-menu__night {
    padding: 6.7708333333vw 0 0; }
    @media screen and (max-width: 768px) {
      #main-top-menu #main-top-menu__night {
        padding: 12vw 0 0; } }
    #main-top-menu #main-top-menu__night .title {
      display: flex;
      justify-content: space-between; }
      @media screen and (max-width: 768px) {
        #main-top-menu #main-top-menu__night .title {
          display: block; } }
      #main-top-menu #main-top-menu__night .title h2 {
        background: url(https://gracery.com/shinjuku/page/areaguide/assets/img/night-title.png.webp) no-repeat center/contain;
        width: 22.65625vw;
        height: 15.0520833333vw; }
        @media screen and (max-width: 768px) {
          #main-top-menu #main-top-menu__night .title h2 {
            width: 75.7333333333vw;
            height: 50.2869333333vw; } }
      #main-top-menu #main-top-menu__night .title .kabukicho {
        padding: 7.03125vw 0 1.0416666667vw; }
        @media screen and (max-width: 768px) {
          #main-top-menu #main-top-menu__night .title .kabukicho {
            padding: 2.6666666667vw 0 2.6666666667vw 0;
            text-align: right; } }
        #main-top-menu #main-top-menu__night .title .kabukicho h3 {
          display: inline-block;
          background: url(https://gracery.com/shinjuku/page/areaguide/assets/img/night-kabukicho.png.webp) no-repeat center/contain;
          width: 28.6979166667vw;
          height: 8.1510416667vw;
          margin: 0 0 0.5208333333vw; }
          @media screen and (max-width: 768px) {
            #main-top-menu #main-top-menu__night .title .kabukicho h3 {
              padding: 0 0 2.6666666667vw 0;
              width: 68.6666666667vw;
              height: 19.2266666667vw; } }
        #main-top-menu #main-top-menu__night .title .kabukicho .text {
          padding: 0 0 0 0.8333333333vw; }
          @media screen and (max-width: 768px) {
            #main-top-menu #main-top-menu__night .title .kabukicho .text {
              padding: 0 6.6666666667vw 0 13.3333333333vw;
              text-align: left; } }
          #main-top-menu #main-top-menu__night .title .kabukicho .text p {
            font-size: 0.78125vw;
            margin: 0 0 .5em; }
            @media screen and (max-width: 768px) {
              #main-top-menu #main-top-menu__night .title .kabukicho .text p {
                font-size: 4vw;
                margin: 0 0 .3em; } }
          #main-top-menu #main-top-menu__night .title .kabukicho .text small {
            display: block;
            font-size: 0.5729166667vw; }
            @media screen and (max-width: 768px) {
              #main-top-menu #main-top-menu__night .title .kabukicho .text small {
                font-size: 2.6666666667vw; } }
    #main-top-menu #main-top-menu__night .slide {
      position: relative; }
      #main-top-menu #main-top-menu__night .slide:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 10;
        background: url(https://gracery.com/shinjuku/page/areaguide/assets/img/dot.png.webp) no-repeat center/cover; }
      #main-top-menu #main-top-menu__night .slide figure {
        width: 28.6458333333vw;
        height: 16.171875vw;
        overflow: hidden; }
        @media screen and (max-width: 768px) {
          #main-top-menu #main-top-menu__night .slide figure {
            width: 60vw;
            height: 33.9vw; } }
        #main-top-menu #main-top-menu__night .slide figure img {
          width: 100%;
          height: 100%;
          object-fit: cover; }
  #main-top-menu #main-top-menu__art {
    padding: 5.2083333333vw 0 5.2083333333vw;
    position: relative; }
    @media screen and (max-width: 768px) {
      #main-top-menu #main-top-menu__art {
        padding: 10.6666666667vw 0 40vw; } }
    #main-top-menu #main-top-menu__art article {
      display: flex;
      justify-content: space-between;
      position: relative; }
      @media screen and (max-width: 768px) {
        #main-top-menu #main-top-menu__art article {
          display: block; } }
      @media screen and (max-width: 768px) {
        #main-top-menu #main-top-menu__art article figure {
          margin: 0 0 2.6666666667vw; } }
      #main-top-menu #main-top-menu__art article .text .title {
        margin: 0 0 1.5625vw; }
        @media screen and (max-width: 768px) {
          #main-top-menu #main-top-menu__art article .text .title {
            margin: 0 0 6.6666666667vw; } }
        #main-top-menu #main-top-menu__art article .text .title small {
          display: block;
          font-size: 0.7291666667vw; }
          @media screen and (max-width: 768px) {
            #main-top-menu #main-top-menu__art article .text .title small {
              font-size: 3.7333333333vw; } }
        #main-top-menu #main-top-menu__art article .text .title strong {
          display: block;
          font-weight: bold;
          font-size: 1.40625vw; }
          @media screen and (max-width: 768px) {
            #main-top-menu #main-top-menu__art article .text .title strong {
              font-size: 8vw; } }
        #main-top-menu #main-top-menu__art article .text .title h2 {
          font-size: 1.7708333333vw;
          font-weight: bold;
          font-family: Century Gothic, CenturyGothic, "Sukhumvit Set", "Helvetica Neue", sans-serif; }
          @media screen and (max-width: 768px) {
            #main-top-menu #main-top-menu__art article .text .title h2 {
              font-size: 9.0666666667vw; } }
        #main-top-menu #main-top-menu__art article .text .title .meta {
          padding: 0.2604166667vw 0 0;
          display: flex;
          align-items: center; }
          @media screen and (max-width: 768px) {
            #main-top-menu #main-top-menu__art article .text .title .meta {
              padding: 0.6666666667vw 0 0; } }
          #main-top-menu #main-top-menu__art article .text .title .meta span img {
            width: auto;
            height: 1.5364583333vw; }
            @media screen and (max-width: 768px) {
              #main-top-menu #main-top-menu__art article .text .title .meta span img {
                height: 7.7333333333vw; } }
          #main-top-menu #main-top-menu__art article .text .title .meta a {
            margin: 0 0 0 0.4166666667vw; }
            @media screen and (max-width: 768px) {
              #main-top-menu #main-top-menu__art article .text .title .meta a {
                margin: 0 0 0 1.6vw; } }
            #main-top-menu #main-top-menu__art article .text .title .meta a img {
              width: auto;
              height: 1.2239583333vw; }
              @media screen and (max-width: 768px) {
                #main-top-menu #main-top-menu__art article .text .title .meta a img {
                  height: 6.4vw; } }
      #main-top-menu #main-top-menu__art article .text .body p {
        font-size: 0.7291666667vw;
        margin: 0 0 .4em; }
        @media screen and (max-width: 768px) {
          #main-top-menu #main-top-menu__art article .text .body p {
            font-size: 4vw; } }
      #main-top-menu #main-top-menu__art article .text .body small {
        display: block;
        font-size: 0.5729166667vw; }
        @media screen and (max-width: 768px) {
          #main-top-menu #main-top-menu__art article .text .body small {
            font-size: 3.2vw; } }
      #main-top-menu #main-top-menu__art article.ac01 {
        padding: 0 9.375vw 0 9.375vw; }
        @media screen and (max-width: 768px) {
          #main-top-menu #main-top-menu__art article.ac01 {
            padding: 0 0 0 13.3333333333vw;
            margin: 0 0 6.6666666667vw; } }
        #main-top-menu #main-top-menu__art article.ac01 figure {
          width: 18.0208333333vw; }
          @media screen and (max-width: 768px) {
            #main-top-menu #main-top-menu__art article.ac01 figure {
              width: 64.8vw; } }
        #main-top-menu #main-top-menu__art article.ac01 .text {
          width: 18.75vw; }
          @media screen and (max-width: 768px) {
            #main-top-menu #main-top-menu__art article.ac01 .text {
              width: auto; } }
      #main-top-menu #main-top-menu__art article.ac02 {
        padding: 0 0 0 9.375vw;
        flex-direction: row-reverse;
        align-items: end;
        margin: -1.0416666667vw 0 2.6041666667vw; }
        @media screen and (max-width: 768px) {
          #main-top-menu #main-top-menu__art article.ac02 {
            padding: 0 0 0 5.3333333333vw;
            margin: 0 0 8vw; } }
        #main-top-menu #main-top-menu__art article.ac02 figure {
          width: 27.3177083333vw; }
          @media screen and (max-width: 768px) {
            #main-top-menu #main-top-menu__art article.ac02 figure {
              width: 98.4vw;
              transform: translateX(10.6666666667vw); } }
        #main-top-menu #main-top-menu__art article.ac02 .text {
          width: 19.7916666667vw;
          text-align: right; }
          @media screen and (max-width: 768px) {
            #main-top-menu #main-top-menu__art article.ac02 .text {
              width: auto;
              padding: 0 5.3333333333vw 0 0; } }
          #main-top-menu #main-top-menu__art article.ac02 .text .title h2 {
            font-size: 1.6666666667vw; }
            @media screen and (max-width: 768px) {
              #main-top-menu #main-top-menu__art article.ac02 .text .title h2 {
                font-size: 8.5333333333vw; } }
          #main-top-menu #main-top-menu__art article.ac02 .text .title .meta {
            justify-content: end; }
          @media screen and (max-width: 768px) {
            #main-top-menu #main-top-menu__art article.ac02 .text .body p {
              font-size: 4.2666666667vw; } }
          @media screen and (max-width: 768px) {
            #main-top-menu #main-top-menu__art article.ac02 .text .body small {
              font-size: 2.9333333333vw; } }
        #main-top-menu #main-top-menu__art article.ac02 .deco {
          position: absolute;
          top: -6.25vw;
          right: 2.6041666667vw;
          width: 4.2447916667vw; }
          @media screen and (max-width: 768px) {
            #main-top-menu #main-top-menu__art article.ac02 .deco {
              display: none; } }
      #main-top-menu #main-top-menu__art article.ac03 {
        padding: 0 9.375vw;
        margin: 0 0 1.0416666667vw;
        align-items: center; }
        @media screen and (max-width: 768px) {
          #main-top-menu #main-top-menu__art article.ac03 {
            padding: 0 6.6666666667vw;
            margin: 0 0 6.6666666667vw; } }
        #main-top-menu #main-top-menu__art article.ac03 figure {
          width: 24.4270833333vw;
          margin: 0 -6.25vw 0 0; }
          @media screen and (max-width: 768px) {
            #main-top-menu #main-top-menu__art article.ac03 figure {
              width: auto;
              margin: 0; } }
        #main-top-menu #main-top-menu__art article.ac03 .text {
          width: 18.75vw;
          text-align: center; }
          @media screen and (max-width: 768px) {
            #main-top-menu #main-top-menu__art article.ac03 .text {
              width: auto; } }
          #main-top-menu #main-top-menu__art article.ac03 .text .title h2 {
            font-size: 1.6666666667vw; }
            @media screen and (max-width: 768px) {
              #main-top-menu #main-top-menu__art article.ac03 .text .title h2 {
                font-size: 8vw;
                margin: 0 0 1.3333333333vw; } }
          #main-top-menu #main-top-menu__art article.ac03 .text .title .meta {
            justify-content: center; }
          @media screen and (max-width: 768px) {
            #main-top-menu #main-top-menu__art article.ac03 .text .body small {
              font-size: 2.6666666667vw; } }
      #main-top-menu #main-top-menu__art article.ac04 {
        padding: 0 9.375vw;
        flex-direction: row-reverse;
        align-items: end;
        margin: 0 0 3.125vw; }
        @media screen and (max-width: 768px) {
          #main-top-menu #main-top-menu__art article.ac04 {
            padding: 0 13.3333333333vw 0 6.6666666667vw;
            margin: 0 0 8vw; } }
        #main-top-menu #main-top-menu__art article.ac04 figure {
          width: 18.2291666667vw; }
          @media screen and (max-width: 768px) {
            #main-top-menu #main-top-menu__art article.ac04 figure {
              width: 66vw;
              margin: 0 0 0 14.6666666667vw; } }
        #main-top-menu #main-top-menu__art article.ac04 .text {
          width: 19.7916666667vw;
          text-align: right; }
          @media screen and (max-width: 768px) {
            #main-top-menu #main-top-menu__art article.ac04 .text {
              width: auto; } }
          #main-top-menu #main-top-menu__art article.ac04 .text .title strong {
            margin: 0 0 0.5208333333vw; }
            @media screen and (max-width: 768px) {
              #main-top-menu #main-top-menu__art article.ac04 .text .title strong {
                margin: 0 0 1.3333333333vw; } }
          #main-top-menu #main-top-menu__art article.ac04 .text .title h2 {
            font-size: 1.6666666667vw; }
            @media screen and (max-width: 768px) {
              #main-top-menu #main-top-menu__art article.ac04 .text .title h2 {
                font-size: 8vw; } }
          #main-top-menu #main-top-menu__art article.ac04 .text .title .meta {
            justify-content: end; }
        #main-top-menu #main-top-menu__art article.ac04 .deco {
          position: absolute;
          top: 6.25vw;
          left: 0vw;
          width: 8.8802083333vw; }
          @media screen and (max-width: 768px) {
            #main-top-menu #main-top-menu__art article.ac04 .deco {
              top: 53.3333333333vw;
              left: 1.3333333333vw;
              width: 23.2vw; } }
      #main-top-menu #main-top-menu__art article.ac05 {
        padding: 0 9.375vw;
        align-items: center; }
        @media screen and (max-width: 768px) {
          #main-top-menu #main-top-menu__art article.ac05 {
            padding: 0 0 0 6.6666666667vw;
            margin: 0 0 8vw; } }
        #main-top-menu #main-top-menu__art article.ac05 figure {
          width: 18.2291666667vw; }
          @media screen and (max-width: 768px) {
            #main-top-menu #main-top-menu__art article.ac05 figure {
              width: 64.8vw; } }
        #main-top-menu #main-top-menu__art article.ac05 .text {
          width: 19.2708333333vw; }
          @media screen and (max-width: 768px) {
            #main-top-menu #main-top-menu__art article.ac05 .text {
              width: auto; } }
          #main-top-menu #main-top-menu__art article.ac05 .text .title {
            margin: 0 0 1.0416666667vw; }
            @media screen and (max-width: 768px) {
              #main-top-menu #main-top-menu__art article.ac05 .text .title {
                margin: 0 0 2.6666666667vw; } }
            #main-top-menu #main-top-menu__art article.ac05 .text .title strong {
              margin: 0 0 0.5208333333vw; }
              @media screen and (max-width: 768px) {
                #main-top-menu #main-top-menu__art article.ac05 .text .title strong {
                  margin: 0 0 1.3333333333vw; } }
              #main-top-menu #main-top-menu__art article.ac05 .text .title strong img {
                width: 7.6041666667vw;
                height: auto; }
                @media screen and (max-width: 768px) {
                  #main-top-menu #main-top-menu__art article.ac05 .text .title strong img {
                    width: 39.4666666667vw; } }
            #main-top-menu #main-top-menu__art article.ac05 .text .title h2 {
              font-size: 1.6666666667vw; }
              @media screen and (max-width: 768px) {
                #main-top-menu #main-top-menu__art article.ac05 .text .title h2 {
                  font-size: 8.5333333333vw; } }
        #main-top-menu #main-top-menu__art article.ac05 .deco {
          position: absolute;
          bottom: -4.9479166667vw;
          right: 14.0625vw;
          width: 4.296875vw; }
          @media screen and (max-width: 768px) {
            #main-top-menu #main-top-menu__art article.ac05 .deco {
              top: 42.6666666667vw;
              bottom: auto;
              right: 14.6666666667vw;
              width: 9.8666666667vw; } }
    #main-top-menu #main-top-menu__art .pagetop {
      position: absolute;
      bottom: 0;
      right: 6.25vw; }
      @media screen and (max-width: 768px) {
        #main-top-menu #main-top-menu__art .pagetop {
          right: 6.6666666667vw; } }
      #main-top-menu #main-top-menu__art .pagetop a {
        display: block;
        background: url(https://gracery.com/shinjuku/page/areaguide/assets/img/pagetop01.png.webp) no-repeat center/contain;
        width: 3.28125vw;
        height: 6.71875vw; }
        @media screen and (max-width: 768px) {
          #main-top-menu #main-top-menu__art .pagetop a {
            width: 16.8vw;
            height: 36.5333333333vw; } }
  #main-top-menu .main-top-menu__bg01 {
    position: absolute;
    top: 10.4166666667vw;
    left: 0;
    width: 100%;
    z-index: 10; }
    @media screen and (max-width: 768px) {
      #main-top-menu .main-top-menu__bg01 {
        display: none; } }
  #main-top-menu .main-top-menu__bg02 {
    position: absolute;
    top: 82.5520833333vw;
    left: 0;
    width: 100%;
    z-index: 12; }
    @media screen and (max-width: 768px) {
      #main-top-menu .main-top-menu__bg02 {
        display: none; } }

#main-twilight {
  width: 100vw;
  position: relative;
  overflow: hidden;
  z-index: 1;
  background: #b45080;
  background: linear-gradient(180deg, #b45080 0%, #cf715a 15%, #d27f69 80%, #c8c3df 100%); }
  @media screen and (max-width: 768px) {
    #main-twilight {
      background: #b96853;
      background: linear-gradient(180deg, #b96853 0%, #cf715a 15%, #e8b8ac 50%, white 100%); } }
  #main-twilight:before {
    content: "";
    position: absolute;
    z-index: 11;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100%;
    background: rgba(255, 255, 255, 0.35); }
    @media screen and (max-width: 768px) {
      #main-twilight:before {
        display: none; } }
  #main-twilight .container {
    position: relative;
    z-index: 100;
    width: 57.2916666667vw;
    margin: 0 auto;
    background: #824e51;
    background: linear-gradient(180deg, #824e51 0%, #ba6854 20%, #e8b8ac 50%, #f9ece9 100%); }
    @media screen and (max-width: 768px) {
      #main-twilight .container {
        width: auto;
        background: none; } }
    #main-twilight .container .main-twilight__deco01 {
      position: absolute;
      top: 12.7604166667vw;
      right: -13.8020833333vw;
      width: 13.8020833333vw; }
      @media screen and (max-width: 768px) {
        #main-twilight .container .main-twilight__deco01 {
          top: 80vw;
          right: 6vw;
          width: 21.3333333333vw; } }
    #main-twilight .container .main-twilight__deco02 {
      position: absolute;
      top: 29.1666666667vw;
      left: -2.8645833333vw;
      width: 5.859375vw; }
      @media screen and (max-width: 768px) {
        #main-twilight .container .main-twilight__deco02 {
          display: none; } }
    #main-twilight .container .main-twilight__deco03 {
      position: absolute;
      top: 72.1354166667vw;
      right: -17.7604166667vw;
      width: 18.8020833333vw; }
      @media screen and (max-width: 768px) {
        #main-twilight .container .main-twilight__deco03 {
          display: none; } }
    #main-twilight .container .main-twilight__deco04 {
      position: absolute;
      top: 75.78125vw;
      left: -11.3541666667vw;
      width: 13.4375vw; }
      @media screen and (max-width: 768px) {
        #main-twilight .container .main-twilight__deco04 {
          display: none; } }
  #main-twilight #main-top-menu__twilight {
    padding: 6.7708333333vw 0 0; }
    @media screen and (max-width: 768px) {
      #main-twilight #main-top-menu__twilight {
        padding: 12vw 0 0; } }
    #main-twilight #main-top-menu__twilight .title {
      display: flex;
      justify-content: space-between; }
      @media screen and (max-width: 768px) {
        #main-twilight #main-top-menu__twilight .title {
          display: block; } }
      #main-twilight #main-top-menu__twilight .title h2 {
        background: url(https://gracery.com/shinjuku/page/areaguide/assets/img/twilight-title.png.webp) no-repeat center/contain;
        width: 32.4479166667vw;
        height: 14.8958333333vw; }
        @media screen and (max-width: 768px) {
          #main-twilight #main-top-menu__twilight .title h2 {
            width: 98.4vw;
            height: 44.8704vw; } }
  #main-twilight #main-top-menu__food {
    padding: 2.6041666667vw 0 5.2083333333vw;
    position: relative; }
    @media screen and (max-width: 768px) {
      #main-twilight #main-top-menu__food {
        padding: 5.3333333333vw 0 40vw; } }
    #main-twilight #main-top-menu__food article {
      display: flex;
      justify-content: space-between;
      position: relative; }
      @media screen and (max-width: 768px) {
        #main-twilight #main-top-menu__food article {
          display: block; } }
      @media screen and (max-width: 768px) {
        #main-twilight #main-top-menu__food article figure {
          margin: 0 0 1.3333333333vw; } }
      #main-twilight #main-top-menu__food article .text .title {
        margin: 0 0 1.5625vw; }
        @media screen and (max-width: 768px) {
          #main-twilight #main-top-menu__food article .text .title {
            margin: 0 0 6.6666666667vw; } }
        #main-twilight #main-top-menu__food article .text .title small {
          display: block;
          font-size: 0.7291666667vw; }
          @media screen and (max-width: 768px) {
            #main-twilight #main-top-menu__food article .text .title small {
              font-size: 3.7333333333vw; } }
        #main-twilight #main-top-menu__food article .text .title strong {
          display: block;
          font-weight: bold;
          font-size: 1.40625vw; }
          @media screen and (max-width: 768px) {
            #main-twilight #main-top-menu__food article .text .title strong {
              font-size: 8vw; } }
        #main-twilight #main-top-menu__food article .text .title h2 {
          font-size: 1.7708333333vw;
          font-weight: bold;
          font-family: Century Gothic, CenturyGothic, "Sukhumvit Set", "Helvetica Neue", sans-serif; }
          @media screen and (max-width: 768px) {
            #main-twilight #main-top-menu__food article .text .title h2 {
              font-size: 8.5333333333vw; } }
        #main-twilight #main-top-menu__food article .text .title .meta {
          padding: 0.2604166667vw 0 0;
          display: flex;
          align-items: center; }
          @media screen and (max-width: 768px) {
            #main-twilight #main-top-menu__food article .text .title .meta {
              padding: 2.6666666667vw 0 0; } }
          #main-twilight #main-top-menu__food article .text .title .meta span img {
            width: auto;
            height: 1.5364583333vw; }
            @media screen and (max-width: 768px) {
              #main-twilight #main-top-menu__food article .text .title .meta span img {
                height: 7.7333333333vw; } }
          #main-twilight #main-top-menu__food article .text .title .meta a {
            margin: 0 0 0 0.4166666667vw; }
            @media screen and (max-width: 768px) {
              #main-twilight #main-top-menu__food article .text .title .meta a {
                margin: 0 0 0 1.6vw; } }
            #main-twilight #main-top-menu__food article .text .title .meta a img {
              width: auto;
              height: 1.2239583333vw; }
              @media screen and (max-width: 768px) {
                #main-twilight #main-top-menu__food article .text .title .meta a img {
                  height: 6.4vw; } }
      #main-twilight #main-top-menu__food article .text .body p {
        font-size: 0.7291666667vw;
        margin: 0 0 .4em; }
        @media screen and (max-width: 768px) {
          #main-twilight #main-top-menu__food article .text .body p {
            font-size: 4.2666666667vw; } }
      #main-twilight #main-top-menu__food article .text .body small {
        display: block;
        font-size: 0.5729166667vw; }
        @media screen and (max-width: 768px) {
          #main-twilight #main-top-menu__food article .text .body small {
            font-size: 2.9333333333vw; } }
      #main-twilight #main-top-menu__food article.ac01 {
        padding: 0 9.375vw;
        margin: 0 0 2.6041666667vw; }
        @media screen and (max-width: 768px) {
          #main-twilight #main-top-menu__food article.ac01 {
            padding: 0 0 0 6.6666666667vw;
            margin: 0 0 6.6666666667vw; } }
        #main-twilight #main-top-menu__food article.ac01 figure {
          width: 19.53125vw; }
          @media screen and (max-width: 768px) {
            #main-twilight #main-top-menu__food article.ac01 figure {
              width: 70.6666666667vw; } }
        #main-twilight #main-top-menu__food article.ac01 .text {
          width: 18.75vw; }
          @media screen and (max-width: 768px) {
            #main-twilight #main-top-menu__food article.ac01 .text {
              width: auto; } }
      #main-twilight #main-top-menu__food article.ac02 {
        padding: 0 0 0 9.375vw;
        flex-direction: row-reverse;
        align-items: center;
        margin: 0 0 2.6041666667vw; }
        @media screen and (max-width: 768px) {
          #main-twilight #main-top-menu__food article.ac02 {
            padding: 0 0 0 1.3333333333vw;
            margin: 0 0 8vw; } }
        #main-twilight #main-top-menu__food article.ac02 figure {
          width: 27.2135416667vw; }
          @media screen and (max-width: 768px) {
            #main-twilight #main-top-menu__food article.ac02 figure {
              width: 98.6666666667vw; } }
        #main-twilight #main-top-menu__food article.ac02 .text {
          width: 19.7916666667vw;
          text-align: right; }
          @media screen and (max-width: 768px) {
            #main-twilight #main-top-menu__food article.ac02 .text {
              width: auto;
              padding: 0 6.6666666667vw 0 0; } }
          #main-twilight #main-top-menu__food article.ac02 .text .title strong {
            font-size: 1.6666666667vw; }
            @media screen and (max-width: 768px) {
              #main-twilight #main-top-menu__food article.ac02 .text .title strong {
                font-size: 7.2vw; } }
          #main-twilight #main-top-menu__food article.ac02 .text .title h2 {
            font-size: 2.34375vw;
            line-height: 1; }
            @media screen and (max-width: 768px) {
              #main-twilight #main-top-menu__food article.ac02 .text .title h2 {
                font-size: 9.6vw; } }
          #main-twilight #main-top-menu__food article.ac02 .text .title .meta {
            justify-content: end; }
        #main-twilight #main-top-menu__food article.ac02 .deco {
          position: absolute;
          top: -6.25vw;
          right: 2.6041666667vw;
          width: 4.2447916667vw; }
          @media screen and (max-width: 768px) {
            #main-twilight #main-top-menu__food article.ac02 .deco {
              display: none; } }
      #main-twilight #main-top-menu__food article.ac03 {
        padding: 0 9.375vw;
        margin: 0 0 1.0416666667vw;
        align-items: center;
        justify-content: start; }
        @media screen and (max-width: 768px) {
          #main-twilight #main-top-menu__food article.ac03 {
            padding: 0 5.3333333333vw;
            margin: 0 0 8vw; } }
        #main-twilight #main-top-menu__food article.ac03 figure {
          width: 11.2760416667vw; }
          @media screen and (max-width: 768px) {
            #main-twilight #main-top-menu__food article.ac03 figure {
              width: auto;
              padding: 0 13.3333333333vw 0 8vw; } }
        #main-twilight #main-top-menu__food article.ac03 .text {
          width: 18.2291666667vw;
          text-align: center;
          color: #000;
          padding: 0 0 0 0.5208333333vw; }
          @media screen and (max-width: 768px) {
            #main-twilight #main-top-menu__food article.ac03 .text {
              width: auto;
              padding: 0; } }
          #main-twilight #main-top-menu__food article.ac03 .text .title {
            position: relative; }
            #main-twilight #main-top-menu__food article.ac03 .text .title strong {
              transform: translateX(2.8645833333vw); }
              @media screen and (max-width: 768px) {
                #main-twilight #main-top-menu__food article.ac03 .text .title strong {
                  display: none; } }
              #main-twilight #main-top-menu__food article.ac03 .text .title strong img {
                width: 18.7760416667vw; }
            #main-twilight #main-top-menu__food article.ac03 .text .title h2 {
              font-size: 1.6666666667vw; }
              @media screen and (max-width: 768px) {
                #main-twilight #main-top-menu__food article.ac03 .text .title h2 {
                  font-size: 8.5333333333vw;
                  margin: 0 0 1.3333333333vw; } }
            #main-twilight #main-top-menu__food article.ac03 .text .title .meta {
              justify-content: center; }
        #main-twilight #main-top-menu__food article.ac03 .deco {
          position: absolute;
          bottom: 3.125vw;
          right: 10.4166666667vw;
          width: 5.1041666667vw; }
          @media screen and (max-width: 768px) {
            #main-twilight #main-top-menu__food article.ac03 .deco {
              bottom: 66.6666666667vw;
              right: 2.6666666667vw;
              width: 13.0666666667vw; } }
      #main-twilight #main-top-menu__food article.ac04 {
        padding: 0 9.375vw;
        flex-direction: row-reverse;
        align-items: end;
        margin: 0 0 3.125vw;
        color: #000; }
        @media screen and (max-width: 768px) {
          #main-twilight #main-top-menu__food article.ac04 {
            padding: 0 0 0 5.3333333333vw;
            margin: 0; } }
        #main-twilight #main-top-menu__food article.ac04 figure {
          width: 18.1770833333vw; }
          @media screen and (max-width: 768px) {
            #main-twilight #main-top-menu__food article.ac04 figure {
              width: 66vw;
              margin: 0 0 -13.3333333333vw;
              padding: 0 0 0 1.3333333333vw; } }
        #main-twilight #main-top-menu__food article.ac04 .text {
          width: 18.75vw;
          text-align: right; }
          @media screen and (max-width: 768px) {
            #main-twilight #main-top-menu__food article.ac04 .text {
              width: auto;
              padding: 0 5.3333333333vw 0 0; } }
          #main-twilight #main-top-menu__food article.ac04 .text .title strong {
            transform: translateX(70%);
            margin: 0 0 0.5208333333vw;
            text-align: left;
            color: #861333;
            line-height: 1.2;
            font-family: Century Gothic, CenturyGothic, "Sukhumvit Set", "Helvetica Neue", sans-serif; }
            @media screen and (max-width: 768px) {
              #main-twilight #main-top-menu__food article.ac04 .text .title strong {
                width: auto;
                transform: translateX(54vw) translateY(-16vw);
                line-height: 1;
                font-size: 7.2vw; } }
          #main-twilight #main-top-menu__food article.ac04 .text .title h2 {
            font-size: 1.6666666667vw; }
            @media screen and (max-width: 768px) {
              #main-twilight #main-top-menu__food article.ac04 .text .title h2 {
                font-size: 8vw; } }
          #main-twilight #main-top-menu__food article.ac04 .text .title .meta {
            justify-content: end; }
          #main-twilight #main-top-menu__food article.ac04 .text .body small.notes {
            padding: 0.78125vw 0 0;
            font-size: 0.5208333333vw; }
            @media screen and (max-width: 768px) {
              #main-twilight #main-top-menu__food article.ac04 .text .body small.notes {
                padding: 2.6666666667vw 0 0;
                font-size: 2.6666666667vw; } }
      #main-twilight #main-top-menu__food article.ac05 {
        padding: 0 9.375vw 0 0;
        align-items: center;
        color: #000; }
        @media screen and (max-width: 768px) {
          #main-twilight #main-top-menu__food article.ac05 {
            padding: 0;
            margin: 0; } }
        #main-twilight #main-top-menu__food article.ac05 figure {
          width: 29.140625vw; }
          @media screen and (max-width: 768px) {
            #main-twilight #main-top-menu__food article.ac05 figure {
              width: 104.5333333333vw;
              transform: translateX(-24vw); } }
        #main-twilight #main-top-menu__food article.ac05 .text {
          width: 17.1875vw; }
          @media screen and (max-width: 768px) {
            #main-twilight #main-top-menu__food article.ac05 .text {
              width: auto;
              padding: 0 0 0 6.6666666667vw; } }
          #main-twilight #main-top-menu__food article.ac05 .text .title {
            margin: 0 0 1.0416666667vw; }
            @media screen and (max-width: 768px) {
              #main-twilight #main-top-menu__food article.ac05 .text .title {
                margin: 0 0 2.6666666667vw; } }
            #main-twilight #main-top-menu__food article.ac05 .text .title strong {
              margin: 0 0 0.5208333333vw; }
              @media screen and (max-width: 768px) {
                #main-twilight #main-top-menu__food article.ac05 .text .title strong {
                  margin: 0 0 1.3333333333vw; } }
              #main-twilight #main-top-menu__food article.ac05 .text .title strong img {
                width: 7.6041666667vw;
                height: auto; }
            #main-twilight #main-top-menu__food article.ac05 .text .title h2 {
              font-size: 1.6666666667vw; }
              @media screen and (max-width: 768px) {
                #main-twilight #main-top-menu__food article.ac05 .text .title h2 {
                  font-size: 8.5333333333vw; } }
          @media screen and (max-width: 768px) {
            #main-twilight #main-top-menu__food article.ac05 .text .body p {
              font-size: 4vw; } }
        #main-twilight #main-top-menu__food article.ac05 .deco {
          position: absolute;
          top: -7.5520833333vw;
          left: 5.625vw;
          width: 6.4583333333vw; }
          @media screen and (max-width: 768px) {
            #main-twilight #main-top-menu__food article.ac05 .deco {
              top: -10vw;
              left: 6.6666666667vw;
              width: 14.6666666667vw; } }
    #main-twilight #main-top-menu__food .pagetop {
      position: absolute;
      bottom: 0;
      right: 6.25vw; }
      @media screen and (max-width: 768px) {
        #main-twilight #main-top-menu__food .pagetop {
          right: 6.6666666667vw; } }
      #main-twilight #main-top-menu__food .pagetop a {
        display: block;
        background: url(https://gracery.com/shinjuku/page/areaguide/assets/img/pagetop02.png.webp) no-repeat center/contain;
        width: 3.28125vw;
        height: 6.71875vw; }
        @media screen and (max-width: 768px) {
          #main-twilight #main-top-menu__food .pagetop a {
            width: 16.8vw;
            height: 36.5333333333vw; } }
  #main-twilight .main-twilight__bg01 {
    position: absolute;
    top: 9.375vw;
    left: 0;
    width: 100%;
    z-index: 10; }
    @media screen and (max-width: 768px) {
      #main-twilight .main-twilight__bg01 {
        display: none; } }
  #main-twilight .main-twilight__bg02 {
    position: absolute;
    top: 67.7083333333vw;
    right: 0;
    width: 30%;
    z-index: 9;
    mix-blend-mode: overlay; }
    @media screen and (max-width: 768px) {
      #main-twilight .main-twilight__bg02 {
        display: none; } }

#main-daytime {
  width: 100vw;
  position: relative;
  overflow: hidden;
  z-index: 1;
  background: #c8c3df;
  background: linear-gradient(180deg, #c8c3df 0%, #48a7d2 40%); }
  @media screen and (max-width: 768px) {
    #main-daytime {
      background: #fff;
      background: linear-gradient(180deg, #fff 0%, #bbe4ed 60%, #7fccdc 100%); } }
  #main-daytime:before {
    content: "";
    position: absolute;
    z-index: 11;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100%;
    background: rgba(255, 255, 255, 0.35); }
    @media screen and (max-width: 768px) {
      #main-daytime:before {
        display: none; } }
  #main-daytime .container {
    position: relative;
    z-index: 100;
    width: 57.2916666667vw;
    margin: 0 auto;
    background: #f9ece9;
    background: linear-gradient(180deg, #f9ece9 0%, white 60%);
    padding: 0 0 3.125vw; }
    @media screen and (max-width: 768px) {
      #main-daytime .container {
        width: auto;
        background: none;
        padding: 0 0 8vw; } }
    #main-daytime .container .main-daytime__deco01 {
      position: absolute;
      top: 9.375vw;
      right: -9.1145833333vw;
      width: 13.5416666667vw; }
      @media screen and (max-width: 768px) {
        #main-daytime .container .main-daytime__deco01 {
          display: none; } }
  #main-daytime #main-top-menu__daytime {
    padding: 6.7708333333vw 0 0; }
    @media screen and (max-width: 768px) {
      #main-daytime #main-top-menu__daytime {
        padding: 5.3333333333vw 0 0; } }
    #main-daytime #main-top-menu__daytime .title {
      display: flex;
      justify-content: space-between; }
      @media screen and (max-width: 768px) {
        #main-daytime #main-top-menu__daytime .title {
          display: block; } }
      #main-daytime #main-top-menu__daytime .title h2 {
        background: url(https://gracery.com/shinjuku/page/areaguide/assets/img/daytime-title.png.webp) no-repeat center/contain;
        width: 33.4375vw;
        height: 10.6510416667vw;
        transform: translateX(-6.9791666667vw); }
        @media screen and (max-width: 768px) {
          #main-daytime #main-top-menu__daytime .title h2 {
            background: url(https://gracery.com/shinjuku/page/areaguide/assets/img/daytime-title-sp.png.webp) no-repeat center/contain;
            width: 91.4666666667vw;
            height: 20.8666666667vw; } }
  #main-daytime #main-top-menu__history {
    padding: 0.5208333333vw 0 4.1666666667vw;
    position: relative;
    color: #000; }
    @media screen and (max-width: 768px) {
      #main-daytime #main-top-menu__history {
        padding: 10.6666666667vw 0 40vw; } }
    #main-daytime #main-top-menu__history article {
      display: flex;
      justify-content: space-between;
      position: relative; }
      @media screen and (max-width: 768px) {
        #main-daytime #main-top-menu__history article {
          display: block; } }
      @media screen and (max-width: 768px) {
        #main-daytime #main-top-menu__history article figure {
          margin: 0 0 1.3333333333vw; } }
      #main-daytime #main-top-menu__history article .text .title {
        margin: 0 0 1.5625vw; }
        @media screen and (max-width: 768px) {
          #main-daytime #main-top-menu__history article .text .title {
            margin: 0 0 6.6666666667vw; } }
        #main-daytime #main-top-menu__history article .text .title small {
          display: block;
          font-size: 0.7291666667vw; }
          @media screen and (max-width: 768px) {
            #main-daytime #main-top-menu__history article .text .title small {
              font-size: 3.7333333333vw; } }
        #main-daytime #main-top-menu__history article .text .title strong {
          display: block;
          font-weight: bold;
          font-size: 1.40625vw; }
          @media screen and (max-width: 768px) {
            #main-daytime #main-top-menu__history article .text .title strong {
              font-size: 8vw; } }
        #main-daytime #main-top-menu__history article .text .title h2 {
          font-size: 1.7708333333vw;
          font-weight: bold;
          font-family: Century Gothic, CenturyGothic, "Sukhumvit Set", "Helvetica Neue", sans-serif; }
          @media screen and (max-width: 768px) {
            #main-daytime #main-top-menu__history article .text .title h2 {
              font-size: 8.5333333333vw; } }
        #main-daytime #main-top-menu__history article .text .title .meta {
          padding: 0.2604166667vw 0 0;
          display: flex;
          align-items: center; }
          @media screen and (max-width: 768px) {
            #main-daytime #main-top-menu__history article .text .title .meta {
              padding: 2.6666666667vw 0 0; } }
          #main-daytime #main-top-menu__history article .text .title .meta span img {
            width: auto;
            height: 1.5364583333vw; }
            @media screen and (max-width: 768px) {
              #main-daytime #main-top-menu__history article .text .title .meta span img {
                height: 7.7333333333vw; } }
          #main-daytime #main-top-menu__history article .text .title .meta a {
            margin: 0 0 0 0.4166666667vw; }
            @media screen and (max-width: 768px) {
              #main-daytime #main-top-menu__history article .text .title .meta a {
                margin: 0 0 0 1.6vw; } }
            #main-daytime #main-top-menu__history article .text .title .meta a img {
              width: auto;
              height: 1.2239583333vw; }
              @media screen and (max-width: 768px) {
                #main-daytime #main-top-menu__history article .text .title .meta a img {
                  height: 6.4vw; } }
      #main-daytime #main-top-menu__history article .text .body p {
        font-size: 0.7291666667vw;
        margin: 0 0 .4em; }
        @media screen and (max-width: 768px) {
          #main-daytime #main-top-menu__history article .text .body p {
            font-size: 4.2666666667vw;
            line-height: 1.1;
            margin: 0 0 .6em; } }
      #main-daytime #main-top-menu__history article .text .body small {
        display: block;
        font-size: 0.5729166667vw; }
        @media screen and (max-width: 768px) {
          #main-daytime #main-top-menu__history article .text .body small {
            font-size: 2.9333333333vw;
            line-height: 1.1; } }
      #main-daytime #main-top-menu__history article.ac01 {
        padding: 0 9.375vw;
        margin: 0 0 2.6041666667vw; }
        @media screen and (max-width: 768px) {
          #main-daytime #main-top-menu__history article.ac01 {
            padding: 0 0 0 13.3333333333vw;
            margin: 0 0 6.6666666667vw; } }
        #main-daytime #main-top-menu__history article.ac01 figure {
          width: 18.28125vw; }
          @media screen and (max-width: 768px) {
            #main-daytime #main-top-menu__history article.ac01 figure {
              width: 64.8vw; } }
        #main-daytime #main-top-menu__history article.ac01 .text {
          width: 16.1458333333vw;
          margin: 0 2.6041666667vw 0 0; }
          @media screen and (max-width: 768px) {
            #main-daytime #main-top-menu__history article.ac01 .text {
              width: auto;
              margin: 0; } }
          #main-daytime #main-top-menu__history article.ac01 .text .title {
            text-align: right;
            position: relative; }
            @media screen and (max-width: 768px) {
              #main-daytime #main-top-menu__history article.ac01 .text .title {
                padding: 0 10.6666666667vw 0 0; } }
            #main-daytime #main-top-menu__history article.ac01 .text .title:after {
              content: "";
              background: url(https://gracery.com/shinjuku/page/areaguide/assets/img/daytime-deco02.png.webp) no-repeat center/contain;
              width: 2.265625vw;
              height: 2.265625vw;
              position: absolute;
              top: -1.25vw;
              right: -2.1875vw; }
              @media screen and (max-width: 768px) {
                #main-daytime #main-top-menu__history article.ac01 .text .title:after {
                  content: none; } }
            #main-daytime #main-top-menu__history article.ac01 .text .title h2 {
              font-size: 1.6666666667vw; }
              @media screen and (max-width: 768px) {
                #main-daytime #main-top-menu__history article.ac01 .text .title h2 {
                  font-size: 8vw;
                  line-height: 1; } }
              #main-daytime #main-top-menu__history article.ac01 .text .title h2 small {
                font-size: 1.25vw; }
                @media screen and (max-width: 768px) {
                  #main-daytime #main-top-menu__history article.ac01 .text .title h2 small {
                    font-size: 6.4vw; } }
          @media screen and (max-width: 768px) {
            #main-daytime #main-top-menu__history article.ac01 .text .meta {
              padding: 1.3333333333vw 0 0 5.3333333333vw; } }
        #main-daytime #main-top-menu__history article.ac01 .deco {
          position: absolute;
          top: 2.0833333333vw;
          left: 1.3020833333vw;
          width: 10.6770833333vw; }
          @media screen and (max-width: 768px) {
            #main-daytime #main-top-menu__history article.ac01 .deco {
              top: 20vw;
              left: auto;
              right: 1.3333333333vw;
              width: 24vw; } }
      #main-daytime #main-top-menu__history article.ac02 {
        padding: 0 2.34375vw 0 11.9791666667vw;
        flex-direction: row-reverse;
        align-items: center;
        margin: 0 0 2.6041666667vw; }
        @media screen and (max-width: 768px) {
          #main-daytime #main-top-menu__history article.ac02 {
            padding: 0;
            margin: 0 0 10.6666666667vw; } }
        #main-daytime #main-top-menu__history article.ac02 figure {
          width: 24.0625vw; }
          @media screen and (max-width: 768px) {
            #main-daytime #main-top-menu__history article.ac02 figure {
              width: 86.6666666667vw;
              padding: 0 0 0 12vw; } }
        #main-daytime #main-top-menu__history article.ac02 .text {
          width: 19.7916666667vw;
          text-align: center; }
          @media screen and (max-width: 768px) {
            #main-daytime #main-top-menu__history article.ac02 .text {
              width: auto;
              padding: 0; } }
          #main-daytime #main-top-menu__history article.ac02 .text .title {
            position: relative; }
            #main-daytime #main-top-menu__history article.ac02 .text .title:after {
              content: "";
              background: url(https://gracery.com/shinjuku/page/areaguide/assets/img/daytime-deco03.png.webp) no-repeat center/contain;
              width: 2.734375vw;
              height: 2.1875vw;
              position: absolute;
              top: -0.2083333333vw;
              left: 0.625vw; }
              @media screen and (max-width: 768px) {
                #main-daytime #main-top-menu__history article.ac02 .text .title:after {
                  width: 15.7333333333vw;
                  height: 12vw;
                  top: -3.2vw;
                  left: 5.3333333333vw; } }
            #main-daytime #main-top-menu__history article.ac02 .text .title h2 {
              font-size: 1.7708333333vw;
              line-height: 1; }
              @media screen and (max-width: 768px) {
                #main-daytime #main-top-menu__history article.ac02 .text .title h2 {
                  font-size: 8.5333333333vw; } }
            #main-daytime #main-top-menu__history article.ac02 .text .title .meta {
              padding: 0.5208333333vw 0 0;
              justify-content: center; }
              @media screen and (max-width: 768px) {
                #main-daytime #main-top-menu__history article.ac02 .text .title .meta {
                  padding: 1.3333333333vw 0 0; } }
      #main-daytime #main-top-menu__history article.ac03 {
        padding: 0 9.375vw 0 0;
        margin: 0 0 1.0416666667vw;
        align-items: center; }
        @media screen and (max-width: 768px) {
          #main-daytime #main-top-menu__history article.ac03 {
            padding: 0;
            margin: 0 0 8vw; } }
        #main-daytime #main-top-menu__history article.ac03 figure {
          width: 27.265625vw; }
          @media screen and (max-width: 768px) {
            #main-daytime #main-top-menu__history article.ac03 figure {
              width: auto;
              padding: 0 1.3333333333vw 0 0; } }
        #main-daytime #main-top-menu__history article.ac03 .text {
          width: 18.75vw; }
          @media screen and (max-width: 768px) {
            #main-daytime #main-top-menu__history article.ac03 .text {
              width: auto;
              padding: 0 0 0 6.6666666667vw; } }
          #main-daytime #main-top-menu__history article.ac03 .text .title {
            position: relative; }
            #main-daytime #main-top-menu__history article.ac03 .text .title h2 {
              font-size: 1.7708333333vw; }
              @media screen and (max-width: 768px) {
                #main-daytime #main-top-menu__history article.ac03 .text .title h2 {
                  font-size: 8.5333333333vw;
                  margin: 0 0 1.3333333333vw; } }
              #main-daytime #main-top-menu__history article.ac03 .text .title h2 small {
                font-size: 1.3541666667vw;
                font-weight: normal; }
                @media screen and (max-width: 768px) {
                  #main-daytime #main-top-menu__history article.ac03 .text .title h2 small {
                    font-size: 6.6666666667vw;
                    line-height: .8; } }
            #main-daytime #main-top-menu__history article.ac03 .text .title .meta {
              padding: 0.5208333333vw 0 0; }
              @media screen and (max-width: 768px) {
                #main-daytime #main-top-menu__history article.ac03 .text .title .meta {
                  padding: 1.3333333333vw 0 0; } }
      #main-daytime #main-top-menu__history article.ac04 {
        padding: 0 6.5104166667vw 0 9.375vw;
        flex-direction: row-reverse;
        align-items: end; }
        @media screen and (max-width: 768px) {
          #main-daytime #main-top-menu__history article.ac04 {
            padding: 0;
            margin: 0; } }
        #main-daytime #main-top-menu__history article.ac04 figure {
          width: 23.2552083333vw; }
          @media screen and (max-width: 768px) {
            #main-daytime #main-top-menu__history article.ac04 figure {
              width: 86.6666666667vw;
              padding: 2.6666666667vw 0 0 6.6666666667vw;
              margin: 0 0 2.6666666667vw; } }
        #main-daytime #main-top-menu__history article.ac04 .text {
          width: 17.1875vw;
          text-align: right; }
          @media screen and (max-width: 768px) {
            #main-daytime #main-top-menu__history article.ac04 .text {
              width: auto;
              padding: 0 6.6666666667vw 0 0; } }
          #main-daytime #main-top-menu__history article.ac04 .text .title h2 {
            font-size: 1.6666666667vw; }
            @media screen and (max-width: 768px) {
              #main-daytime #main-top-menu__history article.ac04 .text .title h2 {
                font-size: 8vw; } }
          #main-daytime #main-top-menu__history article.ac04 .text .title .meta {
            justify-content: end; }
          #main-daytime #main-top-menu__history article.ac04 .text .body small {
            margin: 0 -1em 0 0; }
        #main-daytime #main-top-menu__history article.ac04 .deco {
          position: absolute;
          top: 2.0833333333vw;
          left: 0.78125vw;
          width: 7.9427083333vw; }
          @media screen and (max-width: 768px) {
            #main-daytime #main-top-menu__history article.ac04 .deco {
              display: none; } }
    #main-daytime #main-top-menu__history .pagetop {
      position: absolute;
      bottom: 0;
      right: 6.25vw; }
      @media screen and (max-width: 768px) {
        #main-daytime #main-top-menu__history .pagetop {
          right: 6.6666666667vw; } }
      #main-daytime #main-top-menu__history .pagetop a {
        display: block;
        background: url(https://gracery.com/shinjuku/page/areaguide/assets/img/pagetop03.png.webp) no-repeat center/contain;
        width: 3.28125vw;
        height: 6.71875vw; }
        @media screen and (max-width: 768px) {
          #main-daytime #main-top-menu__history .pagetop a {
            width: 16.8vw;
            height: 36.5333333333vw; } }
  #main-daytime .main-daytime__bg01 {
    position: absolute;
    top: 16.6666666667vw;
    left: 0;
    width: 100%;
    z-index: 10; }
    @media screen and (max-width: 768px) {
      #main-daytime .main-daytime__bg01 {
        top: 300vw; } }
  #main-daytime .main-daytime__bg02 {
    position: absolute;
    bottom: -7.2916666667vw;
    right: 0;
    width: 100%;
    z-index: 11; }
    @media screen and (max-width: 768px) {
      #main-daytime .main-daytime__bg02 {
        bottom: -8vw; } }

#main-custom-area01 {
  width: 100vw;
  background: #b45080;
  position: relative;
  z-index: 1;
  overflow: hidden; }
  @media screen and (max-width: 768px) {
    #main-custom-area01 {
      background: #b96853; } }
  #main-custom-area01:before {
    content: "";
    position: absolute;
    z-index: 11;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100%;
    background: rgba(255, 255, 255, 0.35); }
    @media screen and (max-width: 768px) {
      #main-custom-area01:before {
        content: none; } }
  #main-custom-area01 .container {
    position: relative;
    z-index: 100;
    width: 57.2916666667vw;
    margin: 0 auto;
    background: #824e51; }
    @media screen and (max-width: 768px) {
      #main-custom-area01 .container {
        background: none;
        width: auto; } }
  #main-custom-area01 .content {
    padding: 5.2083333333vw 9.375vw 0; }
    @media screen and (max-width: 768px) {
      #main-custom-area01 .content {
        padding: 8vw 13.3333333333vw 0; } }

#main-custom-area02 {
  width: 100vw;
  position: relative;
  overflow: hidden;
  z-index: 1;
  background: #c8c3df; }
  @media screen and (max-width: 768px) {
    #main-custom-area02 {
      background: #fff; } }
  #main-custom-area02:before {
    content: "";
    position: absolute;
    z-index: 11;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100%;
    background: rgba(255, 255, 255, 0.35); }
    @media screen and (max-width: 768px) {
      #main-custom-area02:before {
        content: none; } }
  #main-custom-area02 .container {
    position: relative;
    z-index: 100;
    width: 57.2916666667vw;
    margin: 0 auto;
    background: #f9ece9;
    color: #000; }
    @media screen and (max-width: 768px) {
      #main-custom-area02 .container {
        background: none;
        width: auto; } }
  #main-custom-area02 .content {
    padding: 5.2083333333vw 9.375vw 0; }
    @media screen and (max-width: 768px) {
      #main-custom-area02 .content {
        padding: 8vw 13.3333333333vw 0; } }

#main-custom-area03 {
  color: #000;
  padding: 5.2083333333vw 9.375vw 5.2083333333vw; }
  @media screen and (max-width: 768px) {
    #main-custom-area03 {
      padding: 8vw 13.3333333333vw 13.3333333333vw; } }

.custom-area .posts article {
  display: flex;
  justify-content: space-between;
  margin: 0 0 4.1666666667vw; }
  @media screen and (max-width: 768px) {
    .custom-area .posts article {
      display: block;
      margin: 0 0 10.6666666667vw; } }
  .custom-area .posts article:last-child {
    margin: 0; }
  .custom-area .posts article .image {
    width: 15.625vw; }
    @media screen and (max-width: 768px) {
      .custom-area .posts article .image {
        width: auto; } }
    .custom-area .posts article .image figure {
      margin: 0 0 0.2604166667vw; }
      @media screen and (max-width: 768px) {
        .custom-area .posts article .image figure {
          margin: 0 0 2.6666666667vw; } }
    .custom-area .posts article .image .meta {
      display: flex;
      align-items: center;
      justify-content: end; }
      @media screen and (max-width: 768px) {
        .custom-area .posts article .image .meta {
          justify-content: center; } }
      .custom-area .posts article .image .meta span img {
        width: auto;
        height: 1.5364583333vw; }
        @media screen and (max-width: 768px) {
          .custom-area .posts article .image .meta span img {
            height: 7.7333333333vw; } }
      .custom-area .posts article .image .meta a {
        margin: 0 0 0 0.4166666667vw; }
        @media screen and (max-width: 768px) {
          .custom-area .posts article .image .meta a {
            margin: 0 0 0 1.6vw; } }
        .custom-area .posts article .image .meta a img {
          width: auto;
          height: 1.2239583333vw; }
          @media screen and (max-width: 768px) {
            .custom-area .posts article .image .meta a img {
              height: 6.4vw; } }
  .custom-area .posts article .text {
    width: 19.7916666667vw; }
    @media screen and (max-width: 768px) {
      .custom-area .posts article .text {
        width: auto;
        padding: 2.6666666667vw 0 0; } }
    .custom-area .posts article .text h3 {
      font-size: 1.25vw;
      font-weight: bold;
      margin: 0 0 .5em; }
      @media screen and (max-width: 768px) {
        .custom-area .posts article .text h3 {
          font-size: 4.2666666667vw;
          text-align: center; } }
    .custom-area .posts article .text p {
      font-size: 0.9375vw;
      margin: 0 0 .5em;
      line-height: 1.1; }
      @media screen and (max-width: 768px) {
        .custom-area .posts article .text p {
          font-size: 3.2vw;
          text-align: center; } }
    .custom-area .posts article .text small {
      display: block;
      font-size: 0.5729166667vw; }
      @media screen and (max-width: 768px) {
        .custom-area .posts article .text small {
          font-size: 2.1333333333vw;
          text-align: center; } }

footer {
  background-color: #4d4d4d;
  color: #fff;
  padding: 3.125vw 0 3.6458333333vw;
  text-align: center;
  position: relative;
  z-index: 2; }
  @media screen and (max-width: 768px) {
    footer {
      padding: 6.6666666667vw 0 6.6666666667vw; } }
  footer .container {
    width: 38.0208333333vw;
    margin: 0 auto; }
    @media screen and (max-width: 768px) {
      footer .container {
        width: 73.3333333333vw; } }
  footer .footer-btn {
    padding: 2.34375vw 0; }
    @media screen and (max-width: 768px) {
      footer .footer-btn {
        padding: 6vw 0; } }
    footer .footer-btn ul {
      display: flex;
      justify-content: center; }
      @media screen and (max-width: 768px) {
        footer .footer-btn ul {
          justify-content: space-between; } }
      footer .footer-btn ul li {
        width: 9.0625vw;
        height: 2.1875vw;
        font-size: 1.0416666667vw;
        margin: 0 2.34375vw; }
        @media screen and (max-width: 768px) {
          footer .footer-btn ul li {
            width: 32.2666666667vw;
            height: 7.7333333333vw;
            font-size: 4vw;
            margin: 0; } }
        footer .footer-btn ul li a {
          background-color: #fff;
          color: #0e1333;
          display: block;
          height: 100%;
          line-height: 2.1875vw;
          border-radius: 2.1875vw; }
          @media screen and (max-width: 768px) {
            footer .footer-btn ul li a {
              line-height: 7.7333333333vw;
              border-radius: 7.7333333333vw; } }
          footer .footer-btn ul li a:hover {
            opacity: .6; }
  footer .footer-map {
    height: 13.6458333333vw;
    display: flex; }
    @media screen and (max-width: 768px) {
      footer .footer-map {
        height: 26.6666666667vw; } }
    footer .footer-map .footer-gmap {
      width: 22.6041666667vw;
      height: 100%; }
      @media screen and (max-width: 768px) {
        footer .footer-map .footer-gmap {
          width: 57.8666666667vw; } }
      footer .footer-map .footer-gmap iframe {
        width: 100%;
        height: 100%;
        object-fit: cover; }
    footer .footer-map .footer-map-img {
      width: 15.4166666667vw;
      height: 100%; }
      @media screen and (max-width: 768px) {
        footer .footer-map .footer-map-img {
          width: 39.4666666667vw; } }
      footer .footer-map .footer-map-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: right center; }
  footer .footer-notes {
    padding: 1.8229166667vw 0 2.6041666667vw; }
    @media screen and (max-width: 768px) {
      footer .footer-notes {
        padding: 4.6666666667vw 0 6.6666666667vw; } }
    footer .footer-notes p {
      font-size: 0.9375vw;
      line-height: 1.6;
      margin: 0 0 1em; }
      @media screen and (max-width: 768px) {
        footer .footer-notes p {
          font-size: 3.6vw; } }
    footer .footer-notes small {
      display: block;
      font-size: 0.7291666667vw;
      line-height: 1.6; }
      @media screen and (max-width: 768px) {
        footer .footer-notes small {
          font-size: 3.2vw; } }
  footer .footer-sns ul {
    display: flex;
    justify-content: center; }
    footer .footer-sns ul li {
      margin: 0 2.0833333333vw; }
      @media screen and (max-width: 768px) {
        footer .footer-sns ul li {
          margin: 0 6vw; } }
      footer .footer-sns ul li img {
        width: auto;
        height: 2.6041666667vw; }
        @media screen and (max-width: 768px) {
          footer .footer-sns ul li img {
            height: 9.3333333333vw; } }

/*----------------------------------
ANIMATION
----------------------------------*/
/* フェードイン・アップ */
.fadein {
  opacity: 0;
  transform: translate(0, 1.0416666667vw);
  transition: all .5s; }
  @media screen and (max-width: 768px) {
    .fadein {
      transform: translate(0, 2.6666666667vw); } }

.fadein.active {
  opacity: 1;
  transform: translate(0, 0); }

@keyframes neon {
  0% {
    opacity: 1; }
  36% {
    opacity: 1; }
  38% {
    opacity: .8; }
  39% {
    opacity: 1; }
  40% {
    opacity: .6; }
  55% {
    opacity: 1; }
  58% {
    opacity: .9; }
  60% {
    opacity: .9d; }
  61% {
    opacity: .8; }
  70% {
    opacity: 1; }
  71% {
    opacity: .9; }
  72% {
    opacity: .9; }
  73% {
    opacity: 1; }
  90% {
    opacity: 1; }
  91% {
    opacity: .6; }
  99% {
    opacity: .9; }
  100% {
    opacity: .9; } }