@charset "UTF-8";
#MAP {
  padding-top: 120px;
  /*SP
  ==========================*/
  /*SP
  ==========================*/
  /*SP
  ==========================*/
  /*SP
  ==========================*/
  	/* ========================================================================
     a-btn-box
     ========================================================================== */
  /*SP
  ==========================*/ }
  #MAP .sub-main--mv .sub-content--inner h2 {
    letter-spacing: .1rem; }

    .bg_yellow01 {
      padding: 1px 0 60px;
    }

    #MAP p, #MAP dd {
      font-family: maru-maru-gothic-clr-stdn, sans-serif;
      font-weight: 400;
      font-style: normal;
    }


  @media screen and (max-width: 767px) {
    #MAP {
      padding-top: 0; }
      #MAP .sub-main--mv .sub-content--inner h2 {
        letter-spacing: 0px;
        margin-bottom: 5%; } }
  #MAP #m-MAP {
    margin-top: 60px; }
    #MAP #m-MAP .sub-content--main dt .map-finger {
      display: none; }
    #MAP #m-MAP .sub-content--main dd {
      text-align: center;
      font-size: 20px;
      line-height: 1.5;
      margin-top: 25px; }
    #MAP #m-MAP .sub-content--2colbox .sub-contet--side .sub-contet--link li:last-child {
      margin-bottom: 0; }
  @media screen and (max-width: 767px) {
    /* #MAP #m-MAP {
      margin-top: 15%; } */
      #MAP #m-MAP .sub-content--main .map-finger-cap {
        text-align: center;
        font-size: 3vw;
        font-family: "UD黎ミン EB","UD Reimin ExtraBold";
        margin-bottom: 6%; }
        #MAP #m-MAP .sub-content--main .map-finger-cap img {
          vertical-align: middle;
          width: 6%;
          max-width: 38px;
          margin-right: 1%; }
      #MAP #m-MAP .sub-content--main dt {
        position: relative; }
        #MAP #m-MAP .sub-content--main dt .map-finger {
          display: block;
          pointer-events: none;
          -ms-touch-action: none;
          -moz-touch-action: none;
          touch-action: none;
          width: 19vw;
          max-width: 145px;
          position: absolute;
          top: 45vw;
          left: 55vw;
          animation: scrollanime 1s ease-in-out infinite alternate; }
      #MAP #m-MAP .sub-content--main dd {
        font-size: 3.7vw;
        /* margin-top: 2%;  */
      } }
@keyframes scrollanime {
  0% {
    transform: translate(-30%, -70%);
    -webkit-transform: translate(-30%, -70%); }
  100% {
    transform: translate(-70%, -30%);
    -webkit-transform: translate(-70%, -30%); } }
  #MAP #GUIDE {
    text-align: center;
    margin-bottom: 90px; }
    #MAP #GUIDE .m-title p {
      position: relative; }
      #MAP #GUIDE .m-title p .fukidashi {
        position: absolute;
        left: 6%;
        bottom: 0;
        margin-bottom: 0.5%;
        width: 35%;
        max-width: 337px; }
      #MAP #GUIDE .m-title p .m-icon {
        width: 10%;
        max-width: 88px; }
    #MAP #GUIDE .m-title h3 {
      font-size: 32px;
      padding-bottom: 10px;
      margin-bottom: 20px;
      margin-top: 10px;
      position: relative;
      font-family: "UD黎ミン EB","UD Reimin ExtraBold"; }
      #MAP #GUIDE .m-title h3:after {
        content: "";
        position: absolute;
        left: 50%;
        bottom: 0;
        width: 100%;
        max-width: 30px;
        height: 1px;
        background-color: #000;
        -webkit-transform: translate(-50%, 0%);
        transform: translate(-50%, 0%); }
    #MAP #GUIDE .m-catch {
      font-size: 20px;
      line-height: 2; }
    #MAP #GUIDE .flex {
      justify-content: space-between;
      margin-top: 45px; }
      #MAP #GUIDE .flex li img {
        width: 100%; }
  @media screen and (max-width: 767px) {
    #MAP #GUIDE {
      margin-bottom: 15%;
      margin-top: 6% !important;
      padding-top: 9% !important; }
      #MAP #GUIDE .inner-box {
        padding: 0 4%; }
      #MAP #GUIDE .m-title p .m-icon {
        width: 12%; }
      #MAP #GUIDE .m-title h3 {
        font-size: 4.7vw;
        padding-bottom: 1.5%;
        margin-bottom: 2%;
        margin-top: 1%; }
        #MAP #GUIDE .m-title h3:after {
          width: 6vw;
          max-width: 40px; }
      #MAP #GUIDE .m-catch {
        font-size: 3.7vw; }
      #MAP #GUIDE .flex {
        margin-top: 6%;
        display: block; }
        #MAP #GUIDE .flex li {
          margin-bottom: 4%; }
          #MAP #GUIDE .flex li:last-child {
            margin-bottom: 0; }
          #MAP #GUIDE .flex li img {
            width: 100%; } }
  #MAP #SPACE {
    background-color: #f5f1eb;
    padding: 60px 0;
    text-align: center; }
    #MAP #SPACE .m-text-box {
      position: relative; }
      #MAP #SPACE .m-text-box:before {
        content: "";
        background-image: url(../images/map/m-book-left.png);
        background-repeat: no-repeat;
        position: absolute;
        left: 0;
        top: 50%;
        width: 100%;
        max-width: 145px;
        height: 100%;
        max-height: 161px;
        -webkit-transform: translate(0%, -50%);
        transform: translate(0%, -50%); }
      #MAP #SPACE .m-text-box:after {
        content: "";
        background-image: url(../images/map/m-book-right.png);
        background-repeat: no-repeat;
        position: absolute;
        right: 0;
        top: 50%;
        width: 100%;
        max-width: 145px;
        height: 100%;
        max-height: 161px;
        -webkit-transform: translate(0%, -50%);
        transform: translate(0%, -50%); }
      #MAP #SPACE .m-text-box .m-border-line {
        margin-bottom: 34px; }
        #MAP #SPACE .m-text-box .m-border-line span {
          font-size: 28px;
          background: linear-gradient(rgba(0, 0, 0, 0) 60%, #faee00 40%);
          font-family: "UD黎ミン EB","UD Reimin ExtraBold"; }
      #MAP #SPACE .m-text-box .ms-hukidashi {
        width: 100%;
        max-width: 398px;
        margin: 0 auto; }
      #MAP #SPACE .m-text-box h3 {
        font-size: 32px;
        margin-top: 24px;
        font-family: "UD黎ミン EB","UD Reimin ExtraBold"; }
    #MAP #SPACE .m-text-description {
      font-size: 22px;
      margin: 40px 0;
      line-height: 2; }
    #MAP #SPACE .flex {
      justify-content: center; }
      #MAP #SPACE .flex li {
        margin-right: 3%; }
        #MAP #SPACE .flex li:last-child {
          margin-right: 0; }
        #MAP #SPACE .flex li img {
          width: 100%; }
  @media screen and (max-width: 767px) {
    #MAP #SPACE {
      padding: 12% 0; }
      #MAP #SPACE .m-text-box:before {
        top: auto;
        bottom: 0;
        width: 20%;
        height: 48%;
        -webkit-transform: translate(0%, 0%);
        transform: translate(0%, 0%);
        background-size: contain; }
      #MAP #SPACE .m-text-box:after {
        top: auto;
        bottom: 0;
        width: 20%;
        height: 48%;
        -webkit-transform: translate(0%, 0%);
        transform: translate(0%, 0%);
        background-size: contain; }
      #MAP #SPACE .m-text-box .m-border-line span {
        font-size: 4.2vw; }
      #MAP #SPACE .m-text-box .ms-hukidashi {
        width: 65%;
        max-width: none; }
      #MAP #SPACE .m-text-box h3 {
        font-size: 5.2vw;
        line-height: 1.5;
        margin-top: 3%; }
      #MAP #SPACE .m-text-description {
        font-size: 3.9vw;
        margin: 6% 0; }
      #MAP #SPACE .flex {
        display: block;
        padding: 0 4%; }
        #MAP #SPACE .flex li {
          margin-right: 0;
          margin-bottom: 4%; }
          #MAP #SPACE .flex li:last-child {
            margin-bottom: 0; }
          #MAP #SPACE .flex li img {
            width: 100%; } }
  #MAP #a-btn-box {
    margin-top: 85px;
    margin-bottom: 90px; }
    #MAP #a-btn-box .btn-color {
      margin: 0 auto; }
      #MAP #a-btn-box .btn-color:before {
        max-width: 53px; }
      #MAP #a-btn-box .btn-color a span {
        font-size: 16px;
        letter-spacing: -0.7px; }
    #MAP #a-btn-box .flex {
      margin-top: 60px;
      justify-content: center; }
      #MAP #a-btn-box .flex li {
        margin: 0 15px; }
        #MAP #a-btn-box .flex li:first-child {
          margin-left: 0; }
        #MAP #a-btn-box .flex li:last-child {
          margin-right: 0; }
  @media screen and (max-width: 767px) {
    #MAP #a-btn-box {
      margin-top: 15%;
      margin-bottom: 15%;
      padding: 0 4%; }
      #MAP #a-btn-box .btn-color:before {
        width: 7vw; }
      #MAP #a-btn-box .btn-color a {
        font-size: 5vw; }
        #MAP #a-btn-box .btn-color a span {
          font-size: 3vw; }
      #MAP #a-btn-box .flex {
        margin-top: 12%; }
        #MAP #a-btn-box .flex .btn-line-over a {
          font-size: 4vw;
          padding: 8% 0; }
        #MAP #a-btn-box .flex .btn-line-over:before {
          width: 6vw; }
        #MAP #a-btn-box .flex .btn-line-over2 a {
          font-size: 4vw;
          padding: 8% 0; }
        #MAP #a-btn-box .flex .btn-line-over2:before {
          width: 6vw; }
        #MAP #a-btn-box .flex li {
          margin: 0 3%; } }
  #MAP .t-anchor {
    margin-top: -9% !important;
    padding-top: 9% !important; }
  #MAP .m-right {
    text-align: right;
	margin-right: 170px;
    margin-top: 5px; }
    @media screen and (max-width: 767px) {
      #MAP .m-right {
        margin-right: 4%; } }
  #MAP .pan {
    margin: 30px auto 0; }
    @media screen and (max-width: 767px) {
      #MAP .pan {
        margin: 4% auto 0; } }


#MAP .parking {
    margin: 5px auto 40px auto; 
    font-size: 20px;
    text-align: center;
    line-height: 1.5;
    color: #940101;

    }
    
    
    
    @media screen and (max-width: 767px) {
      #MAP .parking {
        margin: 5px auto 30px auto; 
    font-size: 20px;
    text-align: center;
        line-height: 1.5;
    color: #940101;
     } 
        }