@media screen and (max-width: 767px) {
  html {
    font-size: 12px;

  }
  body {
/*  overflow-y: scroll;*/
  overflow-x: hidden;
/*overflow: visible;*/
  }

  /* header */
  .sp-nav-menu {
    display: inline;
  }

  .header-logo {
    margin-left: 5px;
    margin-bottom: 0px;
    margin-top: 0px;
  }

  .header-logo img {
    padding-top: 5px;
    height: 40px;
    width: auto;
  }

  .header-position{
    display: none;
  }

  .js .loading::after {
    content: url(../img/logo_white_horizontal.svg);
    position: fixed;
    z-index: 9000;
    padding: 15px 0 0 9px;
    top: 0;
    left: 0;
    display: flex;
    width: 100%;
    height: 100%;
    text-align: center;
    background: #262626;
  }

  .input-group-addon {
    height: 43px;
    width: 50px;
    display: inline-block;
    margin: -3px 0 0 -3px;
    padding: 9px;
  }

  .js .loading .sk-fading-circle {
      margin: 250px auto;
      width: 80px;
      height: 80px;
      position: relative;
        z-index: 9001;
    /*    padding: 200px 0 0 0;*/
        background-color: #262626;
    /*    margin: 400px 0 0 0 ;*/
    }

  .sp-header-btn-dummy{
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    z-index: 102;
    background-color: #A82736;
  }
  .nav-bd1{
    display: block;
    width: 34px;
    min-height: 2px;
    background-color: #FFF;
    position: absolute;
    top: 30%;
    left: 8px;
    border-radius: 4px;
    z-index: 100;
  }
  .nav-bd2{
    display: block;
    width: 34px;
    min-height: 2px;
    background-color: #FFF;
    position: absolute;
    top: 50%;
    left: 8px;
    border-radius: 4px;
    z-index: 100;
  }
  .nav-bd3{
    display: block;
    width: 34px;
    min-height: 2px;
    background-color: #FFF;
    position: absolute;
    top: 70%;
    left: 8px;
    border-radius: 4px;
    z-index: 100;
  }
  .over-ray-top{
    background-color: rgba(0, 0, 0, 0.6);
    width: 100vw;
    height: 100vh;
    z-index: 100;
    position: absolute;
    left: 0px;
    top: 0;
    display: none;
  }
  .sp-nav-menu{
    width: 100vw;
    height: 100vh;
    position: absolute;
    z-index: 101;
    left: -991px;
    top: 0;
    overflow-y: auto;
  }
  .sp-nav-menu-top-box {
    width: 82vw;
    height: auto;
    background-color: #FFF;
    padding-bottom: 5rem;
  }
  .sp-header-links{
    padding: 1rem;
  }
  .sp-header-links a,
  .sp-header-links button{
    padding: 3px 0;
    font-size: 16px;
    display: block;
    color: #262626;
    font-weight: bold;
    line-height: 1.5;
  }
  .sp-header-links span,
  .sp-header-links-area button{
    font-size: 1rem;
    display: block;
    color: #777;
    font-weight: normal;
    margin-left: 1rem;
  }
  .sp-header-links-area {
    border-bottom:1px solid #e9e9e9;
  }

  .header-links-sub {
    color: #293770;
    font-size: 1rem;
  }

  .main-header {
    display: none;
  }

  .main-header-sp {
    display: block;
  }

  .header-margin {
/*    margin-top: 65px;*/
    margin-top: 50px;
  }

  .top-link-foot {
    position: absolute;
    right: 0;
    bottom: 365px;
  }

  /* フッター */
  .main-link a, .main-link h4, .sub-link a {
    line-height: 1.5;
  }

  .footer-area-link {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .footer-area-link-common {
    text-align: center;
    margin-top: 1rem;
  }

  .footer-area {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .footer_logo img {
    width: 100px;
  }

  .footer-logo img {
    padding-top: 1rem;
    width: 250px;
  }

   .copyright {
    font-size: 10px;
   }

  .main-header-logo {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 0px;
    margin-top: 0px;
  }

  .main-header-logo img{
    width: auto;
    height: 30px;
  }

  .top-header {
/*    height: 65px;*/
    height: 50px;
/*    background-color: #000;*/
  }

  /* 共通 */
  .none {
    display: none;
  }

  .header-link-sub {
    position: absolute;
    top: 10px;
    right: 7rem;
  }

  .header-link-sub a {
    text-decoration-line: underline;
    color: #555;
  }

  .header-link-sub a:hover {
    text-decoration-line: none;
  }

  .none-main {
    display: inline;
  }

  .br::before {
    content: "\A";
    white-space: pre;
  }

  .hero-title {
    margin-top: 8rem;
    font-size: 2.5rem;
    letter-spacing: 3px;
  }

  .hero-text {
    font-size: 1.5rem;
    letter-spacing: 1px;
    line-height: 1.5;
  }

  .main-visual-home {
/*    margin-top: 65px;*/
      margin-top: 50px;
  }

  .main-visual-home #top-slider img {
/*    margin-top: 65px;*/
    margin-top: 50px;
    width: 100%;
    height: auto;
  }

  .main-visual-home #top-slider .slick-prev,
  .main-visual-home #top-slider .slick-next {
    top: 60%;
  }

  .main-visual-home #top-slider .slick-dots li button:before {
    color: #FFF;
    margin-left: -10px;
  }

  .link-text h3 {
    font-size: 1.5rem;
  }

  .link-text h4 {
    font-size: 1.2rem;
  }

  .link-text .link-arrow {
    margin-bottom: 0;
  }

  .link-area .link-text {
    top: 60%;
  }

  .movie-wrap {
    padding-top: 2rem;
  }

  .movie-wrap p {
    margin-bottom: 2rem;
  }

  .movie-wrap h3,
  .information-content-title {
    font-size: 2rem;
    letter-spacing: 1px;
    margin-bottom: 1rem;
  }

  .movie-wrap p,
  .information-content-title span {
    font-size: 1rem;
    letter-spacing: 0px;
  }

  .plan-tab h5 {
    width: 170px;
    margin-top: 1rem;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    padding: 10px;
  }

  .plan-tab-list {
    margin-bottom: 1.5rem;
  }

  /* stay */
  .suggest-plan {
    padding-top: 2rem;
  }

  .suggest-plan.restaurant-top {
    padding-top: 2rem;
    padding-bottom: 3.5rem;
  }

  .suggest-plan.restaurant h3,
  .suggest-plan.restaurant-top h3 {
    margin-bottom: 1rem;
  }

  .mv-area .detail-title {
    top: 80%;
  }

  .detail-title h2 {
    font-size: 2.4rem;
    letter-spacing: 2px;
    margin-bottom: 10px;
  }

  .detail-title h3 {
    font-size: 1.5rem;
    letter-spacing: 1px;
  }

  .detail-title p {
    font-size: 1rem;
    letter-spacing: 0px;
  }

  #top-slider img {
    min-height: unset;
    height: auto;
  }

  .suggest-plan h3 {
    font-size: 2rem;
    letter-spacing: 1px;
    margin-bottom: 1rem;
  }

  .suggest-plan h3 span {
    font-size: 1rem;
    letter-spacing: 0px;
  }

  .slick-dots li button:before {
    top: 25px;
  }

  .room-list {
    padding-bottom: 2rem;
  }

  .room-list h3 {
    padding-top: 2rem;
    font-size: 2rem;
  }

/*  .roomList-text-money {
    top: 20rem;
  }

  .roomList-text-label {
    top: 16rem;
  }*/

  .room-compare-botton {
    margin-left: 0px;
    margin-bottom: 0;
  }

  .room-area-text {
    margin-bottom: 1rem;
  }

  .roomList-special-info p {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .roomList-special-label p {
    margin-bottom: 0;
  }

  .roomList-special-money h4 {
    font-size: 1.3rem;
    margin-top: 2.5rem;
  }

  .roomList-text span {
    font-size: 1.5rem;
  }

  .roomList-special img {
    margin-top: 1rem;
  }

  .roomList-text-money h4 {
    font-size: 1.3rem;
  }

  .roomList-special-title p {
    margin-top: 5px;
  }

  .contact-botton-area {
    width: 300px;
  }

  .vr-frame {
 /*   margin-top: 65px;*/
     margin-top: 50px;
  }

  .signle-room-title {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .signle-room-title h3 {
    font-size: 2rem;
  }

  .signle-room-title h4 {
    margin-top: 1rem;
  }

  .signle-room-title p {
    margin-top: 1rem;
  }

  .signle-room-title img {
    margin-top: 0;
  }

  .mt-5rem {
    margin-top: 2rem;
  }

  .room-basis-info,
  .room-basis-money {
    padding: 1rem;
  }

  .signle-room-title img {
    width: 350px;
  }

  .room-table th {
    width: 150px;
  }
  .room-basis-money p {
    margin-left: 1px;
  }

  .room-basis-info,
  .room-basis-money {
    height: auto;
  }

  .room-table th {
    font-size: 1rem;
    letter-spacing: 0;
  }

  .room-table tr th,
  .room-table tr td {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .room-basis-info h4,
  .room-basis-money h4 {
    font-size: 1.5rem;
  }

  .room-table td {
    line-height: 1;
  }

  .basis-money-margin {
    margin-top: 0;
  }

  .room-basis-money div {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .room-facility h4 {
    font-size: 1.5rem;
  }

  .single-botton-area {
    margin-top: 2rem;
    margin-bottom: 1rem;
  }

  .room-facility {
    padding: 1rem;
  }

  .room-facility p {
    line-height: 1.5;
  }

  .room-facility-area {
    margin-top: 1rem;
  }

  .single-botton-area-red {
    margin-top: 0rem;
    margin-bottom: 2rem;
  }

  .room-cancel-value div {
    margin-top: 0;
    margin-bottom: 1rem;
  }

  .room-cancel-value h4 {
    font-size: 1.5rem;
    margin-bottom: 1rem;
  }

  .room-basis-money {
    margin-top: 1rem;
  }

  .room-cancel-value {
    padding: 1rem;
  }

  .room-cancel-value-text p {
    margin-top: 0;
  }

  .room-cancel-value h5 {
    margin-top: 0;
  }

  .content-main h2 {
    top: -80px;
    left: 20px;
    font-size: 2rem;
  }

  .content-main h3 {
    top: -50px;
    left: 20px;
  }

  .content-main .recruit-small {
    left: 20px;
  }

/*  .content-main .room-small {
    top: -80px;
    left: 180px;
  }*/
  .content-main .room-small {
    top: -50px;
    left: 20px;
  }

  .content-main .access-small,
  .content-main .contact-small {
    top: -50px;
    left: 20px;
  }

  .content-main p {
    top: -40px;
    left: 20px;
  }

  /* memberLogin */
  .submit-botton-area {
    margin-left: 0;
    margin-top: 1rem;
  }

  /* privacy-policy */
  .content-main .privacy-small {
    left: 20px;
  }

  /* recruit */
  .recruit-table th {
    width: 100px;
  }

  .recruit-table tr th,
  .recruit-table tr td {
    font-size: 1rem;
    letter-spacing: 0;
  }

  .recruit-title {
    margin-top: 2rem;
    margin-bottom: 1rem;
  }

  .recruit-title h3 {
    font-size: 1.2rem;
    letter-spacing: 0;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  /* hotel */
  .about-content button {
    width: 300px;
    margin-top: 1rem;
    margin-bottom: 0;
  }

  .btn-box {
    margin-top: 1rem;
  }

  /* info */
  .information-item .front {
    width: 30%;
flex-shrink: 0;
  }

  .information-item h4 {
    margin: 0;
  }

  .information-item h5 {
    margin-left: 1rem;
  }

  .single-content h5 {
    font-size: 1.5rem;
  }

  .thumbnail-box {
    text-align: center;
    margin-top: 2rem;
  }

  .next_entry {
    width: 275px;
    margin-left: 0;
    margin-bottom: 1rem;
    margin-right: 0;
    height: 45px;
  }

  .next_entry a {
    padding: 10px;
  }

  .prev_entry {
    width: 275px;
    margin-left: 0;
    margin-right: 0;
    height: 45px;
  }

  .prev_entry a {
    padding: 10px;
  }

  /* access */
  .station-item {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .station-item table tr th {
    width: 50%;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 1rem;
    line-height: 1.5;
  }

  .station-item table tr td {
    padding-left: 1rem;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 1rem;
    line-height: 1.5;
  }

  .traffic-item table tr th {
    width: 120px;
    padding-left: 1rem;
    padding-top: 10px;
  }

  .traffic-item table tr td,
  .traffic-item table tr:nth-of-type(1) td,
  .traffic-item table tr:nth-of-type(4) td {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 5px;
    font-size: 1rem;
  }

  .traffic-item {
    margin-bottom: 1rem;
  }

  .traffic-item table {
    margin-bottom: 1rem;
  }

   .traffic-item h4 {
    left: 0;
    font-size: 1.2rem;
    padding: 1rem;
    top: -4rem;
  }

  .traffic-item h4 span {
    font-size: 1rem;
  }

  .traffic-item {
    padding: 0;
  }

  .access-content {
    padding-top: 2rem;
  }

  .access-content h3 {
    font-size: 1.2rem;
  }

  .map-item {
    margin-top: 0.9rem;
    padding: 5px;
    background-color: #FFF;
  }

  .map-item table {
    font-size: 1rem;
  }

  .map-item table tr:nth-of-type(1) td,
  .map-item table tr:nth-of-type(1) th {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .map-item table tr td,
  .map-item table tr th {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .map-item table tr {
    line-height: 1;
  }

  .map-item table {
    width: 100%;
    margin-left: 0;
  }

  .station-item table tr th span {
    font-size: 10px;
  }

  #google-map {
    height: 200px;
  }

  .gmnoprint img {
    width: 50px;
    height: auto;
  }

  .map-btn button {
    margin-top: 2rem;
    margin-bottom: 2rem;
    height: 45px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .map-btn a:nth-of-type(2) button {
    margin-top: 0;
    margin-bottom: 2rem;
    height: 45px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .traffic-item h5 {
    margin-top: 2.5rem;
    line-height: 1.5;
    font-size: 1rem;
  }

  .feature-list .test-item h3,
  .plan-list .test-item h3,
  #content .test-item h3 {
    font-size: 10px;
    left: 0;
  }

  .feature-list {
    padding-top: 2rem;
  }

  .feature-area {
    padding-top: 0;
  }

  .feature-area .test-item h4 {
    line-height: 1.5;
    font-size: 1rem;
    letter-spacing: 0;
  }

  .feature-area .col-6 {
    padding-right: 5px;
    padding-left: 5px;
  }

  .feature-area-text {
    margin-bottom: 1rem;
    padding: 0;
  }

  .content-main .banquet-small {
    top: -50px;
    left: 20px;
  }

  .pagenation ul {
    margin-left: 1rem;
  }

  .test {
    margin: 5px;
    padding: 0;
  }

  .test img {
    height: auto;
    /*height: 98px;*/
  }

  .test h4 {
    line-height: 1.5;
    font-size: 1rem;
  }

  .home-prev1 img,
  .home-next1 img {
    display: none;
  }

  .suggest-plan .slick-dots li button {
    width: 0;
  }

  .suggest-plan {
    padding-bottom: 3rem;
  }

  .suggest-plan .slick-dots li button:before {
    font-size: 20px;
  }

/*  .slick-dots li {
    width: 8px;
  }*/

  .slick-dots {
    margin-left: 0;
  }

  /* restaurant */
  .restaurant-top-list-title {
    font-size: 2rem;
    letter-spacing: 1px;
    padding-bottom: 1rem;
  }

  .restaurant-top-list-title span {
    margin-left: 1.5rem;
  }

  .restaurant-top-list {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .restaurant-top-table-tittle th {
    width: 160px;
  }

  .restaurant-top-table-in tr th,
  .restaurant-top-table-in tr td {
    display: block;
    width: 100%;
    letter-spacing: 0;
    font-size: 1rem;
  }

  .restaurant-top-table th {
    vertical-align: middle;
  }

  .restaurant-top-table-tittle img {
    height: 35px;
  }

  .restaurant-top-table-tittle tr th,
  .restaurant-top-table-tittle tr td {
    vertical-align: middle;
  }

  .restaurant-top-table-tittle td {
    margin-top: 0;
  }

  .button-center a {
    text-align: center;
  }

  .banner-text {
    left: 0;
    text-align: center;
  }

  .signle-restaurant-logo img {
    height: 40px;
    margin-bottom: 1rem;
  }

  .signle-restaurant-title {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .signle-restaurant-title p {
    margin-top: 0;
    line-height: 1.5;
    margin-bottom: 1rem;
  }

  .restaurant-table {
    margin-bottom: 1rem;
  }

  .restaurant-table th {
    width: 125px;
  }

  .image-area div {
    padding: 0;
  }

  .suggest-plan.restaurant {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .tabs {
    text-align: center;
    padding-left: 0;
  }

  .topics-tabs {
    margin-left: 0;
  }

  .topics-tabs button {
    margin-top: 1rem;
    margin-bottom: 0;
  }

  .tab {
    width: 110px;
    font-size: 1rem;
  }

  .suggest-menu h3 {
    font-size: 2rem;
    letter-spacing: 1px;
    margin-left: 0;
  }

  .suggest-menu h3 span {
    font-size: 1rem;
    letter-spacing: 0px;
  }

  .menu_list {
    padding: 0;
  }

  .single-banquet-table tr th {
    width: 250px;
  }

  .single-banquet-table th p {
    font-size: 1.2rem;
  }

  .single-banquet-table th span {
    font-size: 1rem;
    line-height: 1;
  }

  .single-banquet-table td {
    font-size: 1.2rem;
  }

  .single-banquet-table tr th,
  .single-banquet-table tr td {
    padding: 5px;
  }

  .restaurant-menu {
    padding-bottom: 2rem;
  }

  .restaurant-single-botton-area {
    margin-top: 2rem;
    margin-bottom: 2rem;
    margin-left: 0;
  }

  .signle-banquet-area .restaurant-single-botton-area {
    margin-top: 2rem;
    margin-bottom: 2rem;
    margin-left: 0;
  }

  .banquet-main .restaurant-single-botton-area {
    margin-top: 0;
  }

  .restaurant-list {
    margin-bottom: 1rem;
  }

  .restaurant-list
  .restaurant-top-table-tittle th {
    width: 125px;
  }

  .vacancy-content {
    padding-bottom: 2rem;
  }

  .vacancy-box {
    padding-bottom: 1rem;
  }

  .signle-title h3 {
    padding-top: 3rem;
    margin-bottom: 1rem;
  }

  .login-area {
    background-color: #FFF;
    padding-top: 2rem;
    padding-bottom: 2rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .login-area h3 {
    font-size: 1.2rem;
    padding-bottom: 1rem;
    letter-spacing: 1px;
  }

  .back-botton-area {
    margin-right: 0;
  }

  .login-area-text {
    margin-top: 1rem;
  }

  .login-area-text p {
    line-height: 1.5;
  }

  .padding-none {
    padding-left: 0!important;;
  }

  .contact-bg {
    padding-top: 2rem;
  }

  .contact_btn1,
  .contact_btn2,
  .contact_btn3 {
    height: 50px;
    margin-top: 0;
    margin-bottom: 1rem;
  }

  .form-column__name {
    margin: 0;
    font-size: 1rem;
    display: inline;
    padding-right: 1rem;
  }

  .no-gutters {
    padding-top: 1rem;
  }

  .form__required {
    font-size: 1rem;
    top: 7px;
    position: relative;
    display: inline;
  }

  .form-control {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .pl-3 {
    padding-left: 0!important;
  }

  input[type="radio"] + label {
    font-size: 1rem;
  }

  .privacy-agreement {
    padding: 1rem;
  }

  .privacy-agreement__title {
    font-size: 13px;
    padding-right: 1.5rem;
  }

  .privacy-agreement__text {
    line-height: 1.5;
    font-size: 10px;
    padding-right: 1.5rem;
  }

  .privacy-agreement-check p {
    font-size: 13px!important;;
  }

  .privacy-agreement-check label {
    text-align: center;
    margin-left: -3rem;
  }

  input[type=checkbox] + label {
    width: 100%;
  }

  .label-area {
    margin-bottom: 1rem;
  }

  .sign-up-flow {
    margin-bottom: 1rem;
  }

  .form-control:first-child {
    margin-top: 1rem;
  }

  .privacy-agreement {
    margin-top: 0;
  }

  .privacy-agreement-check {
    margin-top: 1rem;
    text-align: left;
  }

  input[type="radio"] + label {
    margin: 0;
  }

  input[type="radio"]:checked + label::after {
    left: 4px;
  }

  #input-time {
    width: 100%;
  }

  .time-text {
    font-size: 1rem;
  }

  .privacy-policy-content {
    padding-top: 2rem;
  }

  .privacy-policy-content h3 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .privacy-policy-box {
    padding: 1rem;
  }

  .privacy-policy-box p {
    line-height: 1.5;
  }

  .about-content table tr td {
    padding: 1rem 0;
    line-height: 1.5
  }

  .about-content table tr td img {
    height: 40px;
  }

  .information-content {
    padding-top: 2rem;
  }

  .information-item {
    padding: 1rem 0;
    align-items: center;
  }

  .information-item h5 {
    line-height: 1.5;
  }

  .pagenation {
    margin-top: 2rem;
  }

  .single-content {
    padding-top: 2rem;
  }

  .single-content h5 {
    margin: 1rem 0;
  }

  .single-content p {
    line-height: 1.5;
  }

  .paging_area {
    margin: 2rem 0;
  }

  .banquet-main {
    padding-top: 2rem;
  }

  .banquet-area-title {
    margin-top: 2rem;
    margin-bottom: 0;
  }

  .banquet-area-text {
    margin-bottom: 2rem;
  }

  .banquet-area-text h4 {
    font-size: 1.5rem;
  }

  .banquet-area-name p {
    font-size: 1.2rem;
    width: 100px;
    height: 30px;
    line-height: 2;
    margin-right: 5px;
  }

  .signle-banquet-title {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .signle-banquet-title h3 {
    font-size: 2rem;
  }

  .signle-banquet-title h5 {
    margin-bottom: 1rem;
  }


  .banquet_madori_btn1,
  .banquet_madori_btn2,
  .banquet_madori_btn3,
  .banquet_madori_btn4 {
    margin-top: 0;
    margin-bottom: 1rem;
  }

  .banquet_madori_image1 img,
  .banquet_madori_image2 img,
  .banquet_madori_image3 img,
  .banquet_madori_image4 img {
    width: 225px;
    height: auto;
  }

  .banquet_name_btn1,
  .banquet_name_btn2,
  .banquet_name_btn3 {
    width: 100px;
    margin-top: 2rem;
  }

  .banquet-basis-info,
  .banquet-basis-money {
    margin-top: 2rem;
    padding: 1rem;
    height: auto;
  }

  .banquet-basis-info h4,
  .banquet-basis-money h4 {
    font-size: 1.5rem;
  }

  .banquet-basis-money {
    padding: 1rem;
  }
  .banquet-table tr th,
  .banquet-table tr td {
    font-size: 1rem;
  }

  .banquet-table th {
    width: 100px;
  }

  .num-top-area,
  .num-under-area {
    width: 80px;
    padding: 0;
    -webkit-writing-mode: normal;
    -ms-writing-mode: normal;
    writing-mode: unset;
  }

  .banquet-basis-money div {
    padding-right: 1rem;
    padding-left: 1rem;
  }

  .banquet-basis-money h5 {
    margin-left: 0;
  }

  .banquet-table tr th,
  .banquet-table tr td {
    padding: 5px;
  }

  .plan-list {
    margin-top: 2rem;
  }

  .feature-list h3, .plan-list h3 {
    font-size: 2rem;
    letter-spacing: 1px;
    margin-bottom: 1rem;
  }

  .feature-list span,
  .plan-list span {
    font-size: 1rem;
    letter-spacing: 0px;
  }

  .page-content {
    padding: 1rem;
  }

  .page-content p {
    line-height: 1.5;
  }

  .back-botton-area,
  .submit-botton-area {
    width: 250px;
  }

  .confirm .form-control {
    margin: 0;
  }

  .contact-done-area {
    padding-top: 2rem;
  }

  .contact-wrap h3 {
    margin-bottom: 1rem;
  }

  .done {
    padding-top: 0;
    padding-bottom: 0;
  }

  .contact-done-area h3 {
    font-size: 1.5rem;
    margin-bottom: 1rem;
  }

  .contact-done-area p {
    font-size: 1rem;
    line-height: 1.5;
    margin-bottom: 2rem;
  }

  .contact-done-botton {
    margin-top: 2rem;
  }

  .contact-done-bg img {
    width: 150px;
    height: auto;
  }

  .contact-done-bg {
    padding: 1rem;
    margin: 5px;
  }

  .contact-done {
    padding: 0;
  }

  .home-header .header-logo {
    margin-top: 10px;
  }

  .signle-menu-area {
    margin-top: -1rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .date-area h4,
  .date-area .text-center,
  .date-area p {
    width: 300px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
  }

  .signle-menu .money-area p {
    /*position: absolute;*/
    top: 5.5rem;
    right: 2rem;
  }

  .date-area {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  .signle-menu-area .col-4 {
    padding: 0;
  }

  .single-botton-area,
  .single-botton-area-red {
    width: 150px;
    height: 45px;
    margin-top: 2rem;
  }

  .signle-menu-area {
    line-height: 1.5;
    font-size: 1rem;
  }

  .signle-menu-area hr {
    margin-bottom: 0;
    margin-top: 0;
  }

  .donwload-content {
    padding-top: 2rem;
  }

  .donwload-item {
    margin-top: 0;
    margin-bottom: 1rem;
  }

  .donwload-item h4 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .donwload-item img {
    height: auto;
  }

  .test img,
  .test-img img,
  .feature-area-text img {
    /*height: 110px;*/
  }

  .stay-list .test-box {
    padding: 0;
  }

  .mamber-l .test-box {
    padding: 0;
  }

  .feature-list.mamber-list {
    padding-top: 2rem;
  }

  .signle-menu .money-area p {
    margin-top: 1.5rem;
  }

  .signle-title h3 {
    font-size: 1.5rem;
  }

  .money-area span {
    font-size: 2rem;
  }

  .close-top {
    top: 0;
    right: 0;
  }

  .donwload-item {
    padding: 5px;
    height: 227px;
  }

  .donwload-item h4 {
    font-size: 1.5rem;
  }

  .donwload-item h6 {
    padding: 5px 20px;
  }

  .tel-item {
    margin: 0;
    margin-top: 1rem;
  }

/*  #top-compare-banquet,
  #top-compare {
    display: none;
  }
*/
  .donwload-box .col-lg-4 {
    padding-right: 5px;
    padding-left: 5px;
  }

  .content-main .floor-small {
    left: 20px;
  }

  .floor-box {
    display: block;
  }

  .floor-box img {
    width: 100%;
    height: auto;
/*     display: none; */
  }


  .floor-content {
    padding-top: 2rem;
  }

  .floor-content h3 {
    font-size: 1.5rem;
  }

  .floor-content h3 span {
    margin-left: 2rem;
  }

  .room-compare-table tr th, .room-compare-table tr td {
    padding: 5px;
  }

  .floor-box {
    margin-bottom: 1rem;
  }

  .floor-item {
    margin-top: 1rem;
  }

  .s-floor-flex {
    display: block;
    padding-top: 1rem;
  }

  .s-floor-flex img {
    width: 100%;
    height: auto;
    margin-bottom: 1rem;
  }

  .s-floor-item {
    padding: 0;
  }

  .s-floor-item h4 span {
    font-size: 1.1rem;
    padding: 1px 1rem;
  }

  .s-floor-item h4 big {
    font-size: 1.2rem;
  }

  .s-floor-item h4 {
    margin-bottom: 1rem;
  }

  .s-floor-item h5 {
    font-size: 1.5rem;
    margin-bottom: 1rem;
  }

  .s-floor-item p {
    line-height: 1.5;
    letter-spacing: 0;
  }

  .floor-item .row {
    padding-top: 1rem;
    padding-bottom: 0;
  }

  .floor-item .row:nth-of-type(1) {
    padding-bottom: 0;
  }

  .floor-item ul {
    margin-bottom: 1rem;
  }

  #floor-modal-area {
    width: 350px;
    height: 175px;
  }

  .bottom-link .no-gutters div {
    margin-bottom: 5px;
  }

  .movie-link iframe {
    width: 100%;
    height: auto;
  }

  .sp-form-btn {
    display: block;
    width: 90%;
        margin: 10px auto;
  }

  .link-plan-list-main {
    width: auto;
    padding: 3px;
/*    top: 2.4rem;*/
    top: 0;
  }

  .login-box{
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .login-box h3{
    letter-spacing: 1px;
  }

  .login-box h4 {
    margin-bottom: 10px;
  }

  .login-form h5{
    margin-bottom: 10px;
  }

  .member-login {
    padding-top: 2rem;
    padding-bottom: 2rem;
    margin-left: auto;
    margin-right: auto;
  }

  .border_out svg,
  .border_out  {
    height: 50px;
    width: 50px;
  }

  .movie-arrow  {
    height: 40px;
    width: 40px;
  }

  .movie-arrow .material-icons {
    line-height: 1.5;
  }

  .single-content img{
    width: 100%;
    height: 200px
  }

  .vr-frame iframe {
    height: 400px;
  }

  .main-visual-home iframe {
    height: 450px;
  }

  .date-area .col-lg-3 {
    margin-left: 0;
  }

  .banquet-basis-money .col-lg-4,
  .banquet-basis-money .col-lg-8 {
    padding-left: 0;
    padding-right: 0;
  }

  .sub-link .sub-list {
     margin: 0 0 0 0;
  }

  .sub-link .footer-list {
    margin: 0 0 0 0;
}

.top-compare-menu {
    width: 300px;
}

.room-compare {
  padding-top: 1rem;
}

.room-compare-area {
  padding: 1rem;
}

.room-compare h3 {
  font-size: 1.5rem;
  letter-spacing: 1px;
}

.room-compare-info {
  line-height: 1.5;
}

.room-compare-table th {
  width: 150px;
}

.room-compare h4 {
  font-size: 1.5rem;
}

.room-compare-table {
  margin-bottom: 1.5rem;
}

.room-compare-more-botton,
.room-compare-botton {
  margin-top: 0;
}

.btn-box {
  margin-top: 0;
}

.stay-compare-botton {
  margin-top: 2rem;
  height: 45px;
  margin-bottom: 2rem;
}

.bottom-link {
  margin-bottom: 3rem;
}

.room-compare-table td {
  line-height: 1.5;
}
.signle-menu-label {
  position:static;
  margin-left:0;
  margin-right:0;
}
}