@charset "UTF-8";
/*レスポンシブ*/
/*フォントサイズ*/
/*Webフォント*/
@import url("https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900&display=swap");
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:100,300,400,500,700,900&display=swap");
footer {
  padding: clamp(50px, 14vw, 100px) 0;
  background: #E52D2D; }
  @media all and (max-width: 1024px) {
    footer {
      padding: clamp(50px, 14vw, 100px) 0 130px; } }
  footer .innerL {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "footLogoWrap footMenuWrap" "sns footMenuWrap";
    gap: 60px; }
    @media all and (max-width: 1024px) {
      footer .innerL {
        grid-template-columns: 1fr;
        grid-template-areas: "footLogoWrap" "footMenuWrap" "sns";
        gap: 40px;
        padding-left: clamp(20px, 6vw, 32px);
        padding-right: clamp(20px, 6vw, 32px); } }
    footer .innerL .footLogoWrap {
      grid-area: footLogoWrap; }
      footer .innerL .footLogoWrap .footLogo {
        margin-bottom: 40px; }
        @media all and (max-width: 1024px) {
          footer .innerL .footLogoWrap .footLogo {
            margin-bottom: 20px;
            width: 50%; } }
      footer .innerL .footLogoWrap small {
        display: block;
        margin-bottom: 80px;
        color: #FFF;
        font-size: clamp(14px, 1.4vw, 14px);
        font-weight: 500;
        font-family: josefin-slab, serif; }
        @media all and (max-width: 1024px) {
          footer .innerL .footLogoWrap small {
            margin-bottom: 0; } }
    footer .innerL .footMenuWrap {
      grid-area: footMenuWrap;
      width: 600px; }
      @media all and (max-width: 1024px) {
        footer .innerL .footMenuWrap {
          width: 100%; } }
      footer .innerL .footMenuWrap .hm {
        display: none; }
      footer .innerL .footMenuWrap nav ul {
        display: flex;
        flex-wrap: wrap;
        gap: 40px;
        padding-bottom: 40px;
        margin-bottom: 40px;
        border-bottom: solid 1px #FFF; }
        @media all and (max-width: 1024px) {
          footer .innerL .footMenuWrap nav ul {
            gap: 20px; } }
        footer .innerL .footMenuWrap nav ul li {
          width: calc(( 100% - 120px ) / 4 ); }
          @media all and (max-width: 1024px) {
            footer .innerL .footMenuWrap nav ul li {
              width: calc(( 100% - 40px ) / 2 ); } }
          footer .innerL .footMenuWrap nav ul li a {
            display: flex;
            flex-direction: column; }
            footer .innerL .footMenuWrap nav ul li a span {
              color: #FFF; }
            footer .innerL .footMenuWrap nav ul li a .en {
              line-height: 1;
              margin-bottom: 5px;
              font-family: josefin-slab, serif;
              font-size: clamp(18px, 1.8vw, 18px);
              font-weight: bold; }
              @media all and (max-width: 1024px) {
                footer .innerL .footMenuWrap nav ul li a .en {
                  font-size: clamp(18px, 3vw, 20px); } }
            footer .innerL .footMenuWrap nav ul li a .jp {
              line-height: 1;
              font-size: clamp(14px, 1.4vw, 14px); }
              @media all and (max-width: 1024px) {
                footer .innerL .footMenuWrap nav ul li a .jp {
                  font-size: clamp(12px, 1.2vw, 12px); } }
      footer .innerL .footMenuWrap .otherNav {
        display: flex;
        flex-direction: column;
        gap: 30px; }
        footer .innerL .footMenuWrap .otherNav li:last-child {
          display: flex; }
          @media all and (max-width: 1024px) {
            footer .innerL .footMenuWrap .otherNav li:last-child {
              flex-direction: column; } }
          footer .innerL .footMenuWrap .otherNav li:last-child ul {
            padding-left: 30px; }
            @media all and (max-width: 1024px) {
              footer .innerL .footMenuWrap .otherNav li:last-child ul {
                padding-left: 0; } }
            footer .innerL .footMenuWrap .otherNav li:last-child ul li {
              margin-bottom: 10px; }
        footer .innerL .footMenuWrap .otherNav li a, footer .innerL .footMenuWrap .otherNav li .wrap {
          display: flex;
          flex-direction: column; }
          @media all and (max-width: 1024px) {
            footer .innerL .footMenuWrap .otherNav li a, footer .innerL .footMenuWrap .otherNav li .wrap {
              margin-bottom: 20px; } }
          footer .innerL .footMenuWrap .otherNav li a span, footer .innerL .footMenuWrap .otherNav li .wrap span {
            color: #FFF; }
          footer .innerL .footMenuWrap .otherNav li a .en, footer .innerL .footMenuWrap .otherNav li .wrap .en {
            line-height: 1;
            margin-bottom: 5px;
            font-family: josefin-slab, serif;
            font-size: clamp(18px, 1.8vw, 18px);
            font-weight: bold; }
          footer .innerL .footMenuWrap .otherNav li a .jp, footer .innerL .footMenuWrap .otherNav li .wrap .jp {
            line-height: 1;
            font-size: clamp(14px, 1.4vw, 14px); }
      @media all and (max-width: 1024px) {
        footer .innerL .footMenuWrap .otherNav > li > ul > li:last-child {
          margin-bottom: 0; } }
      @media all and (max-width: 1024px) {
        footer .innerL .footMenuWrap .otherNav > li > ul > li:last-child a {
          margin-bottom: 0; } }
    footer .innerL .sns {
      grid-area: sns;
      display: flex;
      gap: 25px;
      flex-direction: row; }
      @media all and (max-width: 1024px) {
        footer .innerL .sns {
          gap: 20px; } }
      footer .innerL .sns li a {
        padding: 0; }
        footer .innerL .sns li a img {
          display: block;
          max-width: 100%;
          transition: opacity .5s ease;
          opacity: 1; }
        footer .innerL .sns li a:hover {
          opacity: 0.7; }

.page-hotelemanon_wedding footer {
  background-color: #3F555B; }

.page-idoltokyo_wedding footer {
  background-color: #000000; }

.page-maisonrose_wedding footer {
  background-color: #000000; }

.page-kyuhosokawa_kosyakutei footer {
  background-color: #2C2619; }

/*# sourceMappingURL=footer.css.map */