@charset "UTF-8";

    /* !HTML5 elements
---------------------------------------------------------- */

    header,
    footer,
    nav,
    section,
    aside,
    article {
      display: block;
    }

    input[type="button"],
    input[type="submit"] {
      -webkit-appearance: none;
    }
    /* !Reseting
---------------------------------------------------------- */

    body {
      font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, 'メイリオ', sans-serif;
      font-size: 16px;
      -webkit-text-size-adjust: none;
      line-height: 1.5;
      color: #333333;
      word-break: break-all;
    }

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

    input,
    textarea {
      margin: 0;
      font-size: 100%;
    }

    label {
      cursor: pointer;
    }

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

    fieldset,
    img {
      border: 0;
    }

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

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

    ol,
    ul {
      list-style: none;
    }

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

    h1 {
      font-size: 32px;
      line-height: 1.2;
    }

    h1 span {
      font-size: 22px;
    }

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

    a,
    input {
      outline: none;
    }

    abbr,
    acronym {
      border: 0;
    }

    .sectTtl {
      font-size: 32px;
      text-align: center;
      line-height: 1;
      margin-bottom: 45px;
    }

    .sectTtl span {
      font-size: 20px;
      color: #7294d7;
    }
    /* !Base Fonts -------------------------------------------------------------- */

    a {
      text-decoration: none;
      color: inherit;
    }

    a:hover {
      opacity: 0.7;
      text-decoration: none;
    }

    .op img,
    .op input {
      -webkit-transition: 0.5s ease-out;
      -moz-transition: 0.5s ease-out;
      -ms-transition: 0.5s ease-out;
      transition: 0.5s ease-out;
    }

    .op:hover img,
    .op:hover input {
      opacity: .7;
      -webkit-opacity: .7;
      -moz-opacity: .7;
      filter: alpha(opacity=70);
      /* IE lt 8 */
      -ms-filter: "alpha(opacity=70)";
      /* IE 8 */
      -webkit-transition: 0.5s ease-out;
      -moz-transition: 0.5s ease-out;
      -ms-transition: 0.5s ease-out;
      transition: 0.5s ease-out;
    }

    .fwn {
      font-weight: normal;
    }

    .fwb {
      font-weight: bold;
    }
    /* !Inline Align ------------------------------------------------------------ */

    .tal {
      text-align: left !important;
    }

    .tac {
      text-align: center !important;
    }

    .tar {
      text-align: right !important;
    }

    .vat {
      vertical-align: top !important;
    }

    .vam {
      vertical-align: middle !important;
    }

    .vab {
      vertical-align: bottom !important;
    }
    /* !Width ------------------------------------------------------------------- */

    .w07per {
      width: 7% !important;
    }

    .w14per {
      width: 14% !important;
    }

    .w16per {
      width: 16% !important;
    }

    .w20per {
      width: 20% !important;
    }

    .w25per {
      width: 25% !important;
    }

    .whalf {
      width: 48% !important;
    }

    .wtri {
      width: 33% !important;
    }

    .wquart {
      width: 24% !important;
    }

    .wfull {
      width: 99.9% !important;
    }

    .wmax {
      width: 100% !important;
    }
    /* !Floats ------------------------------------------------------------------ */

    .fll {
      float: left;
    }

    .flr {
      float: right;
    }

    .ftbox {
      overflow: hidden;
      *zoom: 1;
    }
    /* !Tools ------------------------------------------------------------------- */

    .clear {
      clear: both;
    }

    .block {
      display: block;
    }

    .hide {
      display: none;
    }

    .bgn {
      background: none !important;
    }

    .tdu {
      text-decoration: underline;
    }

    .tdn {
      text-decoration: none;
    }
    /* !Margin ------------------------------------------------------------------ */

    .mt00 {
      margin-top: 0 !important;
    }

    .mt05 {
      margin-top: 5px !important;
    }

    .mt10 {
      margin-top: 10px !important;
    }

    .mt15 {
      margin-top: 15px !important;
    }

    .mt20 {
      margin-top: 20px !important;
    }

    .mt25 {
      margin-top: 25px !important;
    }

    .mt30 {
      margin-top: 30px !important;
    }

    .mt35 {
      margin-top: 35px !important;
    }

    .mt40 {
      margin-top: 40px !important;
    }

    .mt45 {
      margin-top: 45px !important;
    }

    .mt50 {
      margin-top: 50px !important;
    }

    .mt55 {
      margin-top: 55px !important;
    }

    .mt60 {
      margin-top: 60px !important;
    }

    .mt65 {
      margin-top: 65px !important;
    }

    .mt70 {
      margin-top: 70px !important;
    }

    .mt75 {
      margin-top: 75px !important;
    }

    .mt80 {
      margin-top: 80px !important;
    }

    .mt85 {
      margin-top: 85px !important;
    }

    .mt90 {
      margin-top: 90px !important;
    }

    .mt95 {
      margin-top: 95px !important;
    }

    .mt100 {
      margin-top: 100px !important;
    }

    .mr00 {
      margin-right: 0 !important;
    }

    .mr05 {
      margin-right: 5px !important;
    }

    .mr10 {
      margin-right: 10px !important;
    }

    .mr15 {
      margin-right: 15px !important;
    }

    .mr20 {
      margin-right: 20px !important;
    }

    .mr25 {
      margin-right: 25px !important;
    }

    .mr30 {
      margin-right: 30px !important;
    }

    .mr35 {
      margin-right: 35px !important;
    }

    .mr40 {
      margin-right: 40px !important;
    }

    .mr45 {
      margin-right: 45px !important;
    }

    .mr50 {
      margin-right: 50px !important;
    }

    .mr55 {
      margin-right: 55px !important;
    }

    .mr60 {
      margin-right: 60px !important;
    }

    .mr65 {
      margin-right: 65px !important;
    }

    .mr70 {
      margin-right: 70px !important;
    }

    .mr75 {
      margin-right: 75px !important;
    }

    .mr80 {
      margin-right: 80px !important;
    }

    .mr85 {
      margin-right: 85px !important;
    }

    .mr90 {
      margin-right: 90px !important;
    }

    .mr95 {
      margin-right: 95px !important;
    }

    .mr100 {
      margin-right: 100px !important;
    }

    .mb00 {
      margin-bottom: 0 !important;
    }

    .mb05 {
      margin-bottom: 5px !important;
    }

    .mb10 {
      margin-bottom: 10px !important;
    }

    .mb15 {
      margin-bottom: 15px !important;
    }

    .mb20 {
      margin-bottom: 20px !important;
    }

    .mb25 {
      margin-bottom: 25px !important;
    }

    .mb30 {
      margin-bottom: 30px !important;
    }

    .mb35 {
      margin-bottom: 35px !important;
    }

    .mb40 {
      margin-bottom: 40px !important;
    }

    .mb45 {
      margin-bottom: 45px !important;
    }

    .mb50 {
      margin-bottom: 50px !important;
    }

    .mb55 {
      margin-bottom: 55px !important;
    }

    .mb60 {
      margin-bottom: 60px !important;
    }

    .mb65 {
      margin-bottom: 65px !important;
    }

    .mb70 {
      margin-bottom: 70px !important;
    }

    .mb75 {
      margin-bottom: 75px !important;
    }

    .mb80 {
      margin-bottom: 80px !important;
    }

    .mb85 {
      margin-bottom: 85px !important;
    }

    .mb90 {
      margin-bottom: 90px !important;
    }

    .mb95 {
      margin-bottom: 95px !important;
    }

    .mb100 {
      margin-bottom: 100px !important;
    }

    .ml00 {
      margin-left: 0 !important;
    }

    .ml05 {
      margin-left: 5px !important;
    }

    .ml10 {
      margin-left: 10px !important;
    }

    .ml15 {
      margin-left: 15px !important;
    }

    .ml20 {
      margin-left: 20px !important;
    }

    .ml25 {
      margin-left: 25px !important;
    }

    .ml30 {
      margin-left: 30px !important;
    }

    .ml35 {
      margin-left: 35px !important;
    }

    .ml40 {
      margin-left: 40px !important;
    }

    .ml45 {
      margin-left: 45px !important;
    }

    .ml50 {
      margin-left: 50px !important;
    }

    .ml55 {
      margin-left: 55px !important;
    }

    .ml60 {
      margin-left: 60px !important;
    }

    .ml65 {
      margin-left: 65px !important;
    }

    .ml70 {
      margin-left: 70px !important;
    }

    .ml75 {
      margin-left: 75px !important;
    }

    .ml80 {
      margin-left: 80px !important;
    }

    .ml85 {
      margin-left: 85px !important;
    }

    .ml90 {
      margin-left: 90px !important;
    }

    .ml95 {
      margin-left: 95px !important;
    }

    .ml100 {
      margin-left: 100px !important;
    }
    /* !Padding  ---------------------------------------------------------------- */

    .pt00 {
      padding-top: 0 !important;
    }

    .pt05 {
      padding-top: 5px !important;
    }

    .pt10 {
      padding-top: 10px !important;
    }

    .pt15 {
      padding-top: 15px !important;
    }

    .pt20 {
      padding-top: 20px !important;
    }

    .pt25 {
      padding-top: 25px !important;
    }

    .pt30 {
      padding-top: 30px !important;
    }

    .pt35 {
      padding-top: 35px !important;
    }

    .pt40 {
      padding-top: 40px !important;
    }

    .pt45 {
      padding-top: 45px !important;
    }

    .pt50 {
      padding-top: 50px !important;
    }

    .pt55 {
      padding-top: 55px !important;
    }

    .pt60 {
      padding-top: 60px !important;
    }

    .pt65 {
      padding-top: 65px !important;
    }

    .pt70 {
      padding-top: 70px !important;
    }

    .pt75 {
      padding-top: 75px !important;
    }

    .pt80 {
      padding-top: 80px !important;
    }

    .pt85 {
      padding-top: 85px !important;
    }

    .pt90 {
      padding-top: 90px !important;
    }

    .pt95 {
      padding-top: 95px !important;
    }

    .pt100 {
      padding-top: 100px !important;
    }

    .pr00 {
      padding-right: 0 !important;
    }

    .pr05 {
      padding-right: 5px !important;
    }

    .pr10 {
      padding-right: 10px !important;
    }

    .pr15 {
      padding-right: 15px !important;
    }

    .pr20 {
      padding-right: 20px !important;
    }

    .pr25 {
      padding-right: 25px !important;
    }

    .pr30 {
      padding-right: 30px !important;
    }

    .pr35 {
      padding-right: 35px !important;
    }

    .pr40 {
      padding-right: 40px !important;
    }

    .pr45 {
      padding-right: 45px !important;
    }

    .pr50 {
      padding-right: 50px !important;
    }

    .pr55 {
      padding-right: 55px !important;
    }

    .pr60 {
      padding-right: 60px !important;
    }

    .pr65 {
      padding-right: 65px !important;
    }

    .pr70 {
      padding-right: 70px !important;
    }

    .pr75 {
      padding-right: 75px !important;
    }

    .pr80 {
      padding-right: 80px !important;
    }

    .pr85 {
      padding-right: 85px !important;
    }

    .pr90 {
      padding-right: 90px !important;
    }

    .pr95 {
      padding-right: 95px !important;
    }

    .pr100 {
      padding-right: 100px !important;
    }

    .pb00 {
      padding-bottom: 0 !important;
    }

    .pb05 {
      padding-bottom: 5px !important;
    }

    .pb10 {
      padding-bottom: 10px !important;
    }

    .pb15 {
      padding-bottom: 15px !important;
    }

    .pb20 {
      padding-bottom: 20px !important;
    }

    .pb25 {
      padding-bottom: 25px !important;
    }

    .pb30 {
      padding-bottom: 30px !important;
    }

    .pb35 {
      padding-bottom: 35px !important;
    }

    .pb40 {
      padding-bottom: 40px !important;
    }

    .pb45 {
      padding-bottom: 45px !important;
    }

    .pb50 {
      padding-bottom: 50px !important;
    }

    .pb55 {
      padding-bottom: 55px !important;
    }

    .pb60 {
      padding-bottom: 60px !important;
    }

    .pb65 {
      padding-bottom: 65px !important;
    }

    .pb70 {
      padding-bottom: 70px !important;
    }

    .pb75 {
      padding-bottom: 75px !important;
    }

    .pb80 {
      padding-bottom: 80px !important;
    }

    .pb85 {
      padding-bottom: 85px !important;
    }

    .pb90 {
      padding-bottom: 90px !important;
    }

    .pb95 {
      padding-bottom: 95px !important;
    }

    .pb100 {
      padding-bottom: 100px !important;
    }

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

    .pl05 {
      padding-left: 5px !important;
    }

    .pl10 {
      padding-left: 10px !important;
    }

    .pl15 {
      padding-left: 15px !important;
    }

    .pl20 {
      padding-left: 20px !important;
    }

    .pl25 {
      padding-left: 25px !important;
    }

    .pl30 {
      padding-left: 30px !important;
    }

    .pl35 {
      padding-left: 35px !important;
    }

    .pl40 {
      padding-left: 40px !important;
    }

    .pl45 {
      padding-left: 45px !important;
    }

    .pl50 {
      padding-left: 50px !important;
    }

    .pl55 {
      padding-left: 55px !important;
    }

    .pl60 {
      padding-left: 60px !important;
    }

    .pl65 {
      padding-left: 65px !important;
    }

    .pl70 {
      padding-left: 70px !important;
    }

    .pl75 {
      padding-left: 75px !important;
    }

    .pl80 {
      padding-left: 80px !important;
    }

    .pl85 {
      padding-left: 85px !important;
    }

    .pl90 {
      padding-left: 90px !important;
    }

    .pl95 {
      padding-left: 95px !important;
    }

    .pl100 {
      padding-left: 100px !important;
    }

    .alignMiddle {
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
    }

    .fl {
      float: left;
    }

    .fr {
      float: right;
    }
    /* !Clearfix
---------------------------------------------------------- */

    .clearfix {
      display: block;
      min-height: 1%;
    }

    .clearfix:after {
      clear: both;
      content: ".";
      display: block;
      height: 0;
      visibility: hidden;
    }

    * html .clearfix {
      height: 1%;
      /*\*/
      /*/
  height: auto;
  overflow: hidden;
  /**/
    }

    .visible-pc {
      display: block;
    }

    .visible-ts {
      display: none;
    }

    @media screen and (max-width: 768px) {
      .sectTtl {
        font-size: 23px;
        text-align: center;
        line-height: 1;
        margin-bottom: 20px;
      }
      .sectTtl span {
        font-size: 14px;
      }
      .visible-ts {
        display: block !important;
      }
      .visible-pc {
        display: none;
      }
      h1 span {
        font-size: 15px;
      }
    }
    /* !Layout
---------------------------------------------------------- */

    html {
      overflow-y: scroll;
    }

    @media print {
      html,
      html body {
        *zoom: 0.65;
      }
    }
    /* !wrapper
---------------------------------------------------------- */

    #wrapper {}

    .inner {
      max-width: 1140px;
      margin: 0 auto;
    }

    @media screen and (max-width: 768px) {
      .inner {
        padding: 0 20px;
        max-width: inherit;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
      }
      body {
        font-size: 15px;
      }
      .footerlogo {
        width: 90%;
      }
    }

    @media screen and (min-width: 768px) and (max-width: 979px) {
      .inner {
        max-width: inherit;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
      }
    }
    /* !header
---------------------------------------------------------- */

    #header {
      height: 530px;
      background: url(../images/mainvisual01.jpg) center no-repeat #fff;
    }

    #header .inner {
      width: 100%;
    }

    .toplogo {
      float: left;
      margin: 20px 10px;
    }

    .headertel {
      float: right;
      background: #5b7ada;
      color: #FFF;
      text-align: center;
    }

    .headertelUpper {
      background: #435ba5;
      padding: 15px 10px;
    }

    .headertelUpper p {
      margin-bottom: 5px;
      font-size: 13px;
    }

    .headertelLower {
      height: 30px;
    }

    .headertelLower a {
      display: block;
      height: 30px;
      line-height: 30px;
      text-decoration: none;
      color: #FFF !important;
    }

    .headertelLower a img {
      padding-right: 10px;
    }

    .headertelLower a .fa {
      float: right;
      margin: 6px 15px;
    }

    @media screen and (max-width: 768px) {
      #header {
        height: 240px;
        background: url(../images/mainvisual_sp.jpg) center;
        background-size: cover;
      }
      .toplogo {
        float: left;
        margin: 10px 0;
        width: 45%;
      }
      .headertelUpper,
      .headertelLower a .fa {
        display: none;
      }
      .headertelLower a img {
        padding: 0;
      }
      .headertelLower {
        height: 40px;
        padding: 0 10px;
        font-size: 14px;
      }
    }
    /* !gNavi
---------------------------------------------------------- */

    #gnav {
      background: #111e60;
      height: 80px;
    }

    @media screen and (max-width: 768px) {
      #gnav {
        display: none;
      }
    }

    #gnav.fixed {
      position: fixed;
      top: 0;
      width: 100%;
      z-index: 999;
    }

    #gnav ul {
      max-width: 1140px;
      margin: 0 auto;
    }

    #gnav li {
      float: left;
      color: #ffffff;
      font-size: 18px;
      text-align: center;
      width: 16.66%;
      box-sizing: border-box;
      border-left: 1px solid #8489a2;
    }

    #gnav li:last-child {
      background: #9a3219;
      border-right: 1px solid #8489a2;
    }

    #gnav li a {
      display: block;
      color: #fff;
      height: 80px;
      box-sizing: border-box;
      padding-top: 18px;
      width: 100%;
      text-decoration: none;
    }

    #gnav li a:hover {
      opacity: 1;
      box-sizing: border-box;
      border-bottom: 4px solid #5b7ada;
    }

    #gnav li.reserve a:hover {
      opacity: 1;
      box-sizing: border-box;
      border-bottom: 4px solid #500600;
    }

    #gnav .navitemen {
      display: block;
      font-size: 12px;
    }

    #gnavi {
      display: none;
    }

    @media screen and (max-width: 768px) {
      /* !gnavi
---------------------------------------------------------- */
      #gnavi {
        position: relative;
        width: 100%;
        display: block;
      }
      #gnavi.sp_menu_fixed {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1000;
      }
      #gnavi ul {
        width: 100%;
        overflow: hidden;
        z-index: 999;
        background-color: #101d5f;
      }
      #gnavi li {
        float: left;
        width: 25%;
        box-sizing: border-box;
      }
      #gnavi li a {
        display: block;
        color: #fff;
        font-size: 14px;
        text-align: center;
        background-color: #101d5f;
        border-right: 1px solid #8489a2;
        text-decoration: none;
        padding: 9px 0;
      }
      #gnavi li a i {
        font-size: 18px;
      }
      #gnavi li.reserve a {
        background-color: #8e2611;
      }
      #gnavi li:last-child a {
        display: block;
        color: #ffffff;
        font-size: 14px;
        text-align: center;
        background-color: #5b7ada;
        border: 0;
        text-decoration: none;
      }
    }
    /*search*/

    #search {
      width: 100%;
      padding: 50px 0;
    }

    #search h1.sectTtl {
      position: relative;
      width: 380px;
      margin: 0 auto 20px;
    }

    .bestrate {
      position: absolute;
      right: 0;
      bottom: 0;
    }

    #search .searchin {
      width: 100%;
      max-width: 1140px;
      margin: 0 auto;
    }

    #search_date dd {
      white-space: nowrap;
    }

    @media screen and (max-width: 959px) {
      #search .searchin {
        width: auto;
        margin: 0 15px;
      }
      #search .searchtit {
        text-align: center;
        font-size: 28px;
        line-height: 1.2em;
        margin-bottom: 30px;
      }
      #search .searchtit span {
        font-size: 18px;
        color: #c39b3d;
      }
      .bestrate {
        width: 25%;
      }
      #search .searchtit {
        font-size: 24px;
        margin-bottom: 20px;
      }
      #search .searchtit span {
        font-size: 16px;
      }
      #search .searchin .bestrate {
        position: absolute;
        right: 35px;
        bottom: -15px;
        z-index: 3;
      }
    }

    @media screen and (max-width: 479px) {
      #search h1.sectTtl {
        width: 100%;
      }
      .bestrate {
        width: 22%;
      }
      #search .searchtit {
        font-size: 24px;
        margin-bottom: 20px;
      }
      #search .searchtit span {
        font-size: 16px;
      }
      #search .searchin .bestrate {
        position: absolute;
        right: 20px;
        bottom: 0;
        z-index: 3;
      }
      #search .searchin .searchdate {
        float: left;
        margin: 0 40px 0 25px;
      }
    }

    @media screen and (max-width: 959px) {
      #search .searchin .searchdate {
        float: none;
        margin: 0 0 20px 0;
      }
    }

    #search .searchin .searchdate .tit {
      margin-bottom: 5px;
    }

    #search .searchin .searchdate .txt {
      margin: 0 3px 0 2px;
      font-size: 14px;
      vertical-align: middle;
    }

    #search .searchin .searchdate .calendar {
      margin: 0 10px 0 0;
      vertical-align: middle;
      font-size: 0;
      line-height: 0;
      display: inline-block;
    }

    @media screen and (max-width: 959px) {
      #search .searchin .searchdate .calendar {
        display: none;
      }
      #search .searchin .searchdate label {
        display: block;
      }
    }

    #search .searchin .searchdate i {
      color: #7294d7;
      margin-right: 5px;
    }

    #search .searchin .searchperson {
      float: left;
      margin-right: 35px;
    }

    @media screen and (max-width: 959px) {
      #search .searchin .searchperson {
        float: none;
        margin: 0 0 20px 0;
      }
    }

    #search .searchin .searchperson .tit {
      margin-bottom: 5px;
    }

    #search .searchin .searchperson .txt {
      margin: 0 3px 0 2px;
      font-size: 14px;
      vertical-align: middle;
    }

    #search .searchin .searchperson i {
      color: #7294d7;
      margin-right: 5px;
    }

    #search .searchin .searchbtn {
      float: left;
    }

    @media screen and (max-width: 959px) {
      #search .searchin .searchbtn {
        float: none;
        margin-bottom: 20px;
      }
    }

    #search .searchin .searchbtn a {
      width: 200px;
      background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #a91446 0%, #cf3a6c 3%, #a81345 6%, #9a0d36 100%) repeat scroll 0 0;
      text-align: center;
      color: #fff;
      font-size: 18px;
      padding: 17px 0;
      display: inline-block;
      position: relative;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      -ms-border-radius: 10px;
      -o-border-radius: 10px;
      border-radius: 10px;
      behavior: url(/PIE.htc);
    }

    @media screen and (max-width: 767px) {
      #search .searchin .searchbtn a {
        width: 100%;
        color: #fff;
      }
    }

    #search .searchin .searchbtn a:hover {
      text-decoration: none;
      filter: alpha(opacity=70);
      opacity: 0.8;
    }

    #search .searchin .searchbtn a i {
      background: #202020;
      display: inline-block;
      width: 16px;
      height: 16px;
      line-height: 16px;
      font-size: 18px;
      text-align: center;
      position: absolute;
      left: 0;
      top: 50%;
      margin-top: -8px;
    }

    #search .searchin .searchtel {
      /*float:right;*/
      margin-right: 25px;
    }

    @media screen and (max-width: 959px) {
      #search .searchin .searchtel {
        float: none;
        border: 1px #e9d297 solid;
        margin-right: 0;
        text-align: center;
        padding: 15px 10px;
        background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #f7eedb 0%, #fff 1%, #f7eedb 6%, #f5ead3 100%) repeat scroll 0 0;
        position: relative;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px;
        border-radius: 10px;
        behavior: url(/PIE.htc);
      }
    }

    #search .searchin .searchtel .tel {
      margin-bottom: 10px;
    }

    @media screen and (max-width: 959px) {
      #search .searchin .searchtel .tel {
        margin-bottom: 5px;
      }
    }

    #search .searchin .searchtel .tel a {
      font-size: 40px;
      color: #8ba334;
      line-height: 1em;
    }

    @media screen and (max-width: 767px) {
      #search .searchin .searchtel .tel a {
        font-size: 25px;
      }
    }

    .searchtel .tel a:hover {
      text-decoration: none;
      cursor: text;
    }

    #search .searchin .searchtel .tel i {
      font-size: 35px;
    }

    @media screen and (max-width: 767px) {
      #search .searchin .searchtel .tel i {
        font-size: 25px;
        margin-right: 10px;
      }
    }

    #search .searchin .searchtel .txt {
      padding-left: 30px;
      font-size: 14px;
    }

    @media screen and (max-width: 959px) {
      #search .searchin .searchtel .txt {
        padding-left: 0;
      }
      .searchTel {
        clear: both;
        display: block !important;
        text-align: center;
        font-size: 15px;
      }
    }

    #search .search_form {
      border-collapse: collapse;
      display: table;
      margin: 0 auto;
      width: 100%;
    }

    #search_date,
    #search_stay,
    #search_person,
    #search_room,
    #search_botton,
    .search .search_form .checkin,
    .search .search_form .num,
    .search .search_form > .btn,
    .search .search_form .contact,
    .searchTel {
      display: inline-block;
      padding: 0 1%;
      vertical-align: bottom;
    }

    #search_room {
      padding-right: 30px;
      padding-left: 10px;
    }

    #search_date {
      /*width: 220px;*/
    }

    #search_stay {
      padding: 0px 4% 0 0;
    }

    #search_stay [type="checkbox"] {
      margin: 0px 7px 0 -7px;
    }

    .searchTel {
      text-align: center;
      float: right;
    }

    #search .search_form > .btn {
      padding-right: 40px;
      width: 200px;
    }

    #search .search_form .contact {
      width: 296px;
    }

    #search .infobox {
      margin-top: 20px;
      text-align: center;
    }

    #search .infobox p {
      background-color: #f4e4df;
      margin: auto;
      padding: 20px;
      text-align: left;
      width: 75%;
    }

    #search .search_form h3 {
      font-size: 107%;
      letter-spacing: 0.05em;
    }

    #search .search_form h3 i {
      color: #7294d7;
      font-size: 107%;
      margin-right: 5px;
    }

    #search .search_form span {
      font-size: 82%;
    }

    #search .search_form .checkin span {
      margin-right: 5px;
    }

    #search .search_form .num span {
      margin-right: 10px;
    }

    #search .search_form img {
      vertical-align: text-bottom;
    }

    #search .search_form .checkin .btn {
      display: inline-block;
      width: 25px;
    }

    #btn_search,
    #search .search_form > .btn button {
      background: #9d351b;
      color: #fff;
      cursor: pointer;
      display: inline-block;
      font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS Ｐゴシック", "MS PGothic", sans-serif;
      font-size: 18px;
      height: 60px;
      padding-left: 25px;
      position: relative;
      transition: all 0.3s ease 0s;
      width: 100%;
      min-width: 200px;
      border: 1px solid;
      font-family: FontAwesome;
      border-color: #ab6253 #762914 #5e1e0f #994231;
    }

    #search_botton:before {
      color: #fff;
      content: "\f002";
      display: inline-block;
      font-family: "FontAwesome";
      font-size: 20px;
      position: absolute;
      z-index: 99;
      top: 15.5px;
      left: 20%;
    }

    #month,
    #day,
    .obj_room_num {
      /*margin-left: 15px;*/
    }

    #search .search_form > .btn button i {
      bottom: 0;
      display: inline-block;
      height: 26.6%;
      left: 0;
      line-height: 0.8;
      margin: auto 0;
      position: absolute;
      top: 0;
      width: 8%;
    }

    #search_botton {
      position: relative;
    }

    #search select {
      margin-right: 5px;
    }

    .searchTel p {
      margin-bottom: 5px;
      font-size: 15px;
    }

    #search_date dl dt::before {
      color: #7294d7;
      content: "";
      display: inline-block;
      font-family: "FontAwesome";
      margin-right: 6px;
    }

    #search_stay dl dt {
      height: 25px;
    }

    #search_room dl dt {
      height: 25px;
    }

    #search_person dl dt {
      display: block;
      height: 25px;
      overflow: hidden;
      word-break: break-all;
    }

    #search_person dl dt::before {
      color: #7294d7;
      content: "";
      display: inline-block;
      font-family: "FontAwesome";
      margin-right: 6px;
    }

    #btn_search:hover,
    .search .search_form > .btn button:hover {
      opacity: 0.8;
    }

    @media only screen and (max-width: 959px) {
      .pc {
        display: none;
      }
      #search {
        position: relative;
      }
      #search .search_form {
        display: block;
        width: 90.625%;
        z-index: 1;
        position: relative;
      }
      #search_stay,
      #search_person,
      #search_room {
        float: left;
        margin-right: 10px;
      }
      #search_botton {
        clear: both;
        width: 100%;
        text-align: center;
      }
      #search_stay {
        padding-top: 22px;
      }
      #search_date,
      #search_stay,
      #search_person,
      #search_room,
      #search_botton,
      #search .search_form .checkin,
      #search .search_form .num,
      #search .search_form > .btn,
      #search .search_form .contact {
        display: block;
        margin-bottom: 20px;
        float: left;
        white-space: nowrap;
      }
      #search_botton:before {
        left: 33%;
        top: 8px;
      }
      #btn_search,
      #search .search_form > .btn {
        width: 100%;
      }
      #search .search_form .contact {
        width: 100%;
      }
      #search .infobox p {
        width: 80%;
      }
      #search .search_form h3 {
        font-size: 100%;
        letter-spacing: 0.05em;
      }
      #search .search_form select {
        font-size: 90%;
      }
      #search .search_form span {
        font-size: 75%;
      }
      #search .search_form .checkin .btn {
        display: inline-block;
        width: 7.7%;
      }
      #btn_search,
      #search .search_form > .btn button {
        width: 100%;
        height: auto;
        font-size: 18px;
        font-family: sans-serif;
        line-height: 45px;
        height: 45px;
        border: none;
        border: 1px ridge #a91447;
        position: relative;
      }
      #search .search_form > .btn button i {
        width: 5.5%;
        height: 32%;
        line-height: 1;
      }
      #search_botton:after {
        width: 5.5%;
        height: 32%;
        line-height: 1;
      }
      .foot_content .btn a {
        width: 100%;
      }
      .foot_content .inner {
        display: block;
        width: 90.625%;
        margin: 0 auto;
        padding: 0;
      }
      .foot_content .inner > div {
        display: block;
        width: 100%;
      }
      .foot_content .btn {
        margin-bottom: 30px;
      }
      #search .search_form .contact {
        width: auto;
        text-align: center;
        box-sizing: border-box;
        padding: 0;
        vertical-align: top;
      }
    }
    /*concept*/

    #concept {
      /*min-height:594px;*/
      padding-bottom: 90px;
      background: url(../images/conceptBg.jpg) no-repeat left;
      background-size: cover;
    }

    @media screen and (min-width: 769px) and (max-width: 993px) {
      #concept {
        padding-bottom: 30px;
      }
    }

    @media screen and (max-width: 768px) {
      #concept {
        padding-bottom: 30px;
      }
    }

    .concept_img {
      float: left;
      width: 50%;
      margin-top: 93px;
    }

    .concept_txt {
      float: right;
      width: 43%;
      margin-top: 93px;
    }

    .concept_txt h1 {
      background: url(../images/concept_h_bg.png) no-repeat bottom 16px right 20px;
      padding-bottom: 15px;
    }

    .concept_txt p {
      margin-top: 20px;
    }

    .concept_btn {
      position: relative;
      display: block;
      color: #333;
      text-decoration: none;
      background: #e5bf00;
      text-align: center;
      width: 310px;
      margin: 50px auto 0;
      height: 50px;
      line-height: 50px;
      border: 1px solid;
      border-color: #f1dc48 #d0b800 #bfa900 #eacd24;
    }

    .concept_btn:hover {
      opacity: .9;
    }

    .concept_btn:before {
      content: "\f107";
      font-family: FontAwesome;
      font-size: 16px;
      position: absolute;
      right: 20px;
      top: 0px;
    }

    #access .concept_btn:before,
    .reserve_btn:before {
      content: "\f105";
      font-family: FontAwesome;
      font-size: 16px;
      position: absolute;
      right: 20px;
      top: 0px;
    }

    .pdf_btn {
      position: relative;
      display: block;
      color: #333;
      text-decoration: none;
      background: #e5bf00;
      text-align: center;
      width: 95%;
      max-width: 800px;
      margin: 50px auto 0;
      height: 50px;
      line-height: 50px;
      border: 1px solid;
      border-color: #f1dc48 #d0b800 #bfa900 #eacd24;
    }

    .pdf_btn:hover {
      opacity: .9;
    }

    .pdf_btn:before {
      content: "\f105";
      font-family: FontAwesome;
      font-size: 16px;
      position: absolute;
      right: 20px;
      top: 0px;
    }

    #access .pdf_btn:before,
    .reserve_btn:before {
      content: "\f105";
      font-family: FontAwesome;
      font-size: 16px;
      position: absolute;
      right: 20px;
      top: 0px;
    }

    @media screen and (max-width: 768px) {
      #concept {
        height: 100%;
        background: url(../images/concept_bg_sp.jpg) no-repeat;
        background-size: cover;
      }
      .concept_img {
        float: none;
        width: 100%;
        margin: 0;
        padding-top: 30px;
      }
      .concept_img img {
        width: 100%;
      }
      .concept_txt {
        float: none;
        width: 100%;
        margin-top: 30px;
      }
      .concept_txt a {
        display: block;
        text-align: center;
      }
      .concept_btn {
        margin: 15px auto 0;
      }
      .concept_txt h1 {
        font-size: 22px;
        padding-bottom: 10px;
      }
      .pdf_btn {
        margin: 25px auto 0;
      }
    }

    @media screen and (max-width: 399px) {
      .pdf_btn,
      .concept_btn,
      .reserve_btn {
        width: auto;
      }
      .concept_txt h1 {
        background-size: 60%;
      }
    }
    /*reason*/

    #reason {
      background: url(../images/reasonBg.png);
      padding: 90px 0 80px;
    }

    #reason h1.sectTtl {
      color: #fff;
    }

    .point_area_lower {
      text-align: center;
      background: #fff;
      padding: 15px 10px;
    }

    .point_area_lower li {
      display: inline-block;
      margin: 5px;
      vertical-align: middle;
    }

    .point_box {
      background: #fff;
      width: 47%;
      margin: 1%;
      display: inline-block;
    }

    .point_area .point_area_tit {
      text-align: center;
      margin-bottom: 40px;
    }

    .hover_box {
      position: relative;
    }

    .point_box_tit {
      font-size: 163%;
      display: table;
    }

    .point_box_tit .num {
      padding: 10px;
      white-space: nowrap;
      background: #6280dc;
      color: #fff;
      display: table-cell;
    }

    .point_box_tit .txt_main {
      padding: 10px;
    }

    .point_box_tit .txt_main .txt_orange {
      color: #a6470d;
    }

    .point_box_tit .txt_main .txt_blue {
      color: #0b2b57;
    }

    .point_bg_img {
      height: 240px;
      width: 100%;
      -webkit-background-size: cover !important;
      background-size: cover !important;
      background-position: 50% 50% !important;
    }

    .point_txt_box {
      display: none;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1;
      background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
      height: 240px;
      width: 100%;
      padding: 20px;
      box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      -o-box-sizing: border-box;
    }

    @media only screen and (max-width: 768px) {
      .point_area_lower li:first-child {
        width: 100%;
        font-size: 18px;
      }
      #reason {
        padding: 40px 15px;
      }
      .point_area_inner {
        background: url(/img/point_bg_logo.png) center -10px no-repeat;
        padding: 20px 0;
      }
      .point_area .point_area_tit {
        text-align: center;
        margin-bottom: 30px;
      }
      .point_box {
        width: 100%;
        margin-bottom: 15px;
      }
      .point_bg_img {
        height: 200px;
        width: 100%;
        -webkit-background-size: cover !important;
        background-size: cover !important;
        /*float: left;*/
      }
      .point_txt_box {
        position: relative;
        display: block !important;
        background: rgba(255, 255, 255, 0.8);
        width: 100%;
        height: 100%;
        padding: 20px;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
      }
      .point_box_tit {
        font-size: 18px;
      }
    }
    /*facilities*/

    #facilities {
      padding: 90px 0 80px;
    }

    @media screen and (min-width: 769px) and (max-width: 993px) {
      #facilities {
        padding-bottom: 30px;
      }
    }

    @media screen and (max-width: 768px) {
      #facilities {
        padding: 40px 0;
      }
    }

    .facilities_txt {
      float: left;
      width: 41%;
    }

    .facilities_txt h1 {
      background: url(../images/facilities_h_bg.png) no-repeat right bottom 15px;
      padding-bottom: 30px;
    }

    .facilities_txt p {
      margin: 20px 0;
    }

    .facilities_img {
      float: right;
      width: 52.5%;
    }

    .facilities_tab {
      clear: both;
      padding: 60px 10px 10px;
      /*white-space: nowrap;*/
    }

    .facilities_tab table {
      width: 100%;
      border-top: 1px #bbbbbb solid;
    }

    .facilities_tab table tr {
      border-bottom: 1px #bbbbbb solid;
    }

    .facilities_tab table tr th,
    .facilities_tab table tr td {
      text-align: left;
      vertical-align: top;
      width: auto;
      padding: 20px 25px;
    }

    .facilities_tab table tr .last_td {
      width: 80%;
      text-align: left;
    }

    @media screen and (max-width: 768px) {
      #facilities {
        height: 100%;
        background: url(../images/facilities_bg_sp.jpg) no-repeat;
        background-size: cover;
        padding-top: 30px;
      }
      .facilities_img {
        float: none;
        width: 100%;
        margin: 0 auto;
        text-align: center;
      }
      .facilities_txt {
        float: none;
        width: 100%;
        margin-top: 35px;
      }
      .facilities_txt h1 {
        background-size: 60%;
        font-size: 22px;
        padding-bottom: 10px;
      }
      .facilities_tab {
        white-space: inherit;
        padding: 15px 0 10px;
      }
      .facilities_tab table tr th,
      .facilities_tab table tr td {
        text-align: left;
        width: 20%;
        padding: 15px 10px;
      }
    }
    /*rooms*/

    #rooms {
      padding: 90px 0 80px;
      background: url(../images/rooms_bg.png);
      background-size: cover;
    }

    #rooms .fl {
      width: 51%;
      float: left;
    }

    .rooms_txt {
      float: right;
      width: 43%;
    }

    .rooms_txt h1 {
      background: url(../images/rooms_h_bg.png) no-repeat right 0 bottom 10px;
      padding-bottom: 30px;
    }

    .rooms_txt p {
      margin-top: 20px;
    }

    .roomsLower {
      text-align: center;
      width: 100%;
      max-width: 1122px;
      margin: 75px auto 0;
      background: url(../images/roomsLowerBg.png) no-repeat center
    }

    @media screen and (max-width: 768px) {
      #rooms {
        padding: 30px 0;
        background-size: cover;
      }
      .rooms_txt {
        float: right;
        width: 43%;
        margin-top: 93px;
      }
      .rooms_txt h1 {
        background: url(../images/rooms_h_bg.png) no-repeat right bottom;
        padding-bottom: 30px;
      }
      .rooms_txt p {
        margin-top: 20px;
      }
      #rooms .fl,
      .rooms_txt {
        width: 100%;
        float: none;
      }
      .rooms_img {
        float: none;
        width: 100%;
        margin-top: 30px;
      }
      .rooms_img img {
        width: 100%;
      }
      .rooms_txt {
        float: none;
        width: 100%;
        margin-top: 0;
        padding-top: 30px;
      }
      .scroll {
        overflow: auto;
      }
      .rooms_txt h1 {
        background-size: 60%;
        font-size: 22px;
        padding-bottom: 10px;
      }
      .rooms_tab {
        padding-top: 30px;
      }
      .roomsLower {
        margin: 30px auto 0;
        text-align: left;
      }
    }
    /*access*/

    #access {
      padding: 80px 0;
    }

    .access_map {
      float: right;
      width: 50%;
    }

/*    .access_map iframe {
      max-width: 580px;
      height: 310px;
      width: 100%;
    }*/

    .access_txt {
      float: left;
      width: 46%;
    }

    .access_txt h1 {
      background: url(../images/access_h_bg.png) no-repeat right bottom 10px;
      padding-bottom: 30px;
    }

    .access_txt p {
      margin-top: 20px;
    }

    .access_txt p span {
      font-weight: bold;
      color: #435ba5;
    }

    .access_note {
      text-align: right;
      font-size: 14px;
      padding: 10px 0;
      background: #f9f0f0;
      margin-bottom: 20px;
    }

    #access ul {
      clear: both;
      text-align: center;
      padding: 30px 0 30px;
    }

    #access ul li {
      display: inline-block;
      margin: 15px 10px;
    }

    #access .concept_btn {
      float: left;
      margin: 0 auto;
    }

    #map_area {
      width: 100%;
      height: 400px;
    }

    .airport {
      padding: 40px 30px;
      border: solid #ddd 1px;
      box-sizing: border-box;
    }

    .airportImg {
      float: left;
      width: 41%;
      text-align: center;
    }

    .airport h1 {
      margin: 30px 0;
      text-align: left;
    }

    .airport h1 span {
      padding-left: 10px;
    }

    .airport h2 {
      font-size: 26px;
      font-weight: bold;
      margin-bottom: 5px;
    }

    .airport p {
      margin-bottom: 20px;
    }

    .airportTxt {
      width: 54%;
      float: right;
    }

    @media screen and (max-width: 768px) {
      #access {
        padding-bottom: 30px;
      }
      .airport {
        padding: 15px;
      }
      .airport .sectTtl {
        font-size: 20px;
        margin: 20px 0;
      }
      .airport h2 {
        font-size: 16px;
      }
      #map_area {
        width: 100%;
        height: 200px;
      }
      #access {
        padding: 40px 0 25px;
      }
      #access ul {
        clear: both;
        text-align: center;
        padding: 0 0 15px;
      }
      .access_map {
        float: none;
        width: 100%;
        margin-top: 30px;
      }
      #access ul li {
        display: block;
        margin: 15px 0;
      }
      #access .concept_btn {
        float: none;
      }
      .access_txt {
        float: none;
        width: 100%;
        margin-top: 0;
      }
      .access_txt h1 {
        font-size: 22px;
        padding-bottom: 10px;
        margin-top: 35px;
      }
      .access_note {
        font-size: 11px;
      }
      .access_tab {
        padding-top: 30px;
      }
    }

    @media screen and (max-width: 390px) {
      #access .access_map .concept_btn {
        width: auto;
      }
      .airportImg,
      .airportTxt {
        float: none;
        width: 100%;
        padding: 0;
      }
    }
    /*sightseeing*/

    #sightseeing {
      padding: 80px 0;
      background: #fffff3;
    }

    #sightseeing ul li {
      width: 22.3%;
      float: left;
      padding: 0 10px;
    }

    #sightseeing ul li h2 {
      padding: 20px 0;
      border-bottom: 1px solid #bbbbbb;
      text-align: center;
      font-size: 20px;
    }

    #sightseeing ul li p {
      padding: 20px 0;
      border-bottom: 1px solid #bbbbbb;
      /*height:80px;*/
    }

    @media screen and (max-width: 768px) {
      #sightseeing {
        height: 100%;
        padding: 40px 0 10px;
      }
    }

    @media screen and (min-width: 660px) and (max-width: 768px) {
      #sightseeing ul li {
        width: 42%;
        float: right;
        padding: 0;
        margin-bottom: 40px;
      }
      #sightseeing ul li.li01 {
        margin-right: 10px;
        float: left;
      }
      #sightseeing h1 {
        font-size: 20px;
      }
      #sightseeing ul li h2 {
        font-size: 15px;
        padding: 16px 0;
      }
      #sightseeing ul li p {
        padding-top: 15px;
        border-bottom: 1px solid #bbbbbb;
        height: 65px;
      }
    }

    @media screen and (max-width: 659px) {
      #sightseeing ul li.li01 {
        margin-right: 10px;
        float: left;
      }
      #sightseeing ul li {
        width: 47%;
        float: right;
        padding: 0;
        margin-bottom: 20px;
      }
      #sightseeing ul li h2 {
        font-size: 15px;
        padding: 16px 0;
      }
      #sightseeing ul li p {
        padding: 15px 0;
        border-bottom: 1px solid #bbbbbb;
        /*height:65px;*/
      }
    }
    /* !pageTop
---------------------------------------------------------- */

    .pagetop {
      position: fixed;
      right: 20px;
      bottom: 20px;
      z-index: 999;
      display: none;
      text-align: center;
    }

    .pagetop > a {
      display: block;
      transition: all ease 0.3s;
    }

    .pagetop > a:hover {
      opacity: 0.7;
    }

    footer {
      text-align: center;
    }

    #footer li {
      display: inline-block;
    }

    .footerUpper {
      background: url(../images/reasonBg.png);
      color: #fff;
      overflow: hidden;
    }

    .footerUpper li {
      height: 145px;
      vertical-align: middle;
      margin-right: 2%;
    }

    .footerUpper li:last-child {
      /*float: right;*/
      margin: 0;
      margin-right: 10px;
    }

    .footerUpper li:last-child p {
      border: 1px solid #fff;
      padding: 15px 20px;
      text-align: left;
    }

    .reserve_btn {
      position: relative;
      display: block;
      color: #fff;
      text-decoration: none;
      background: #912812;
      text-align: center;
      width: 210px;
      margin: 50px auto 0;
      height: 50px;
      line-height: 50px;
      border: 1px solid;
      border-color: #ab6253 #762914 #5e1e0f #994231;
    }

    .reserve_btn:before {
      color: #fff;
    }

    .blue {
      background: #5b7ada;
      border-color: #869be2 #4e64a7 #374a85 #6882da;
    }

    .footerLower {
      padding-top: 25px;
    }

    .footerLower li {
      height: 78px;
      margin-right: 4%;
      vertical-align: middle;
    }

    .footerLower li.footerLogo {
      padding-top: 5px;
    }

    .footerLower li p,
    .footerLower li a {
      white-space: nowrap;
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
      /* Safari用 */
      transform: translateY(-50%);
    }

    .footerLower li p {
      text-align: left;
    }

    .footerLower .sns li {
      margin-right: 2px !important;
      height: auto;
      margin-top: 10px;
    }

    .footerLower li:last-child {
      margin-right: 0 !important;
    }

    .footerNav {
      float: right;
    }

    .footerNav li {
      margin: 20px 0 0 15px;
    }

    .footerNav .fa {
      color: #7294d7;
      margin-right: 10px;
    }

    address {
      clear: both;
      background-color: #435ba5;
      text-align: center;
      font-size: 12px;
      padding: 14px 0;
      color: #fff;
    }

    @media screen and (max-width: 970px) {
      .footerUpper li:last-child {
        float: none;
      }
    }

    @media screen and (max-width: 767px) {
      footer {
        padding: 0;
      }
      .footerUpper {
        padding: 15px;
      }
      .footerUpper li {
        display: block;
        text-align: center;
        margin: 15px 0;
        width: 100%;
        padding: 0;
        height: auto;
      }
      .footerUpper li.enbtn {
        margin-top: 0;
      }
      address {
        font-size: 8px;
        padding: 10px 0;
      }
      .footerUpper .alignMiddle {
        top: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
      }
      .footerUpper .reserve_btn {
        margin: 0 auto;
        width: auto;
      }
      .pagetop {
        display: none !important;
      }
    }
    /*modal*/

    .modal {
      display: none;
      position: absolute;
      top: 0;
      width: 100%;
      z-index: 999;
    }

    .modalbody {
      height: 100%;
      padding: 10px;
      /*  position: fixed !important;
  top: 0 !important;*/
      width: 100%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      z-index: 1000;
    }

    .modalbg {
      background: rgba(255, 255, 255, 0.8);
      display: block;
      height: 100%;
      left: 0;
      padding: 10px;
      position: fixed;
      top: 0;
      width: 100%;
      z-index: 999;
    }

    .menulist01 {
      overflow: hidden;
      margin: 2%;
    }

    .menulist01 li {
      width: 100%;
      padding-left: 1%;
      box-sizing: border-box;
      text-align: center;
      background: #101d5f;
      margin-bottom: 10px;
    }

    .menulist01 li.menulink {
      background: none;
      overflow: hidden;
      margin-bottom: 10px;
    }

    .menulist01 li.bg_red {
      background: #8e2611;
    }

    .menulist01 li.menulink img {
      float: right;
      display: block;
      width: 38px;
      overflow: hidden;
    }

    .menulist01 li a {
      display: block;
      padding-left: 15px;
      padding-right: 8px;
      line-height: 45px;
      font-size: 13px;
      color: #fff;
      overflow: hidden;
      text-decoration: none;
    }

    .menulist01 li a i {
      float: right;
      display: inline-block;
      line-height: 45px;
      margin-right: 15px;
      font-size: 13px;
      color: #fff;
      text-decoration: none;
    }

    @media screen and (max-width: 768px) {
      .sbtn {
        width: auto;
      }
    }

    #search_botton button {
      background: #9d351b;
      color: #fff;
      cursor: pointer;
      display: inline-block;
      font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS Ｐゴシック", "MS PGothic", sans-serif;
      font-size: 18px;
      height: 60px;
      padding-left: 25px;
      position: relative;
      transition: all 0.3s ease 0s;
      width: 100%;
      min-width: 200px;
      border: 1px solid;
      font-family: FontAwesome;
      border-color: #ab6253 #762914 #5e1e0f #994231;
    }
    /*5/1追加分*/

    #search_date,
    #search_stay,
    #search_person,
    #search_room,
    #search_botton,
    .search .search_form .checkin,
    .search .search_form .num,
    .search .search_form > .btn,
    .search .search_form .contact,
    .searchTel {
      display: table-cell;
      padding: 0 1%;
      vertical-align: bottom;
      white-space: nowrap;
    }

    #search_person dl dt {
      display: block;
      height: auto;
      overflow: hidden;
      word-break: break-all;
    }

    #search .wrap {
      width: 100%;
      max-width: 1140px;
      margin: 0 auto;
    }

    .searchTel {
      width: 272px;
      float: none;
      padding: 0 0 0 2%;
    }

    #search .search_form {
      width: 96%;
      margin: 0 auto;
    }

    #form_yado6 {
      width: 100%;
      display: table;
      margin: 0 auto;
      border-collapse: collapse;
    }

    .owl-carousel.owl-loaded {
      max-width: 585px;
      margin: auto;
    }

    #search_botton button {
      background: #9d351b;
      color: #fff;
      cursor: pointer;
      display: block;
      font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS Ｐゴシック", "MS PGothic", sans-serif;
      font-size: 18px;
      height: 60px;
      padding-left: 25px;
      position: relative;
      box-sizing: border-box;
      transition: all 0.3s ease 0s;
      width: 100%;
      min-width: 200px;
      border: 1px solid;
      font-family: FontAwesome;
      border-color: #ab6253 #762914 #5e1e0f #994231;
    }

    @media only screen and (max-width: 959px) {
      #search_botton {
        clear: both;
        width: 100%;
        margin-bottom: 0 !important;
        text-align: center;
      }
    }

    @media only screen and (max-width: 959px) {
      #search_botton:before {
        left: 50%;
        top: 15px;
        margin-left: -55px;
      }
    }

    @media screen and (max-width: 1092px) {
      .searchTel {
        display: table;
        box-sizing: border-box;
        margin: 0 auto;
        margin-top: 30px;
      }
    }


.sns_wrapper {
  width: 100%;
  margin: 0 auto;
  /* background-color: #8faaff; */
  background-color: #f6f6f6;
}
.sns_link {
  text-align: center;
  padding: 25px 0;
  color: #111e60;
  font-weight: bold;
  line-height: 30px;
}
.sns_link span {
  font-size: 18px;
}
.sns_link i {
  font-size: 38px;
  margin-left: 18px;
  vertical-align: bottom;
}
.sns_link i.fa-facebook-square {
  color: #395794;
}
.sns_link i.fa-twitter-square {
  color: #1c9deb;
}
.sns_link i.fa-instagram {
  color: #CF2E92;
  background: -webkit-linear-gradient(45deg, #FFDD83, #F26939, #CF2E92, #4C64D3);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

@media screen and (max-width: 768px) {
  .sns_link i {
    font-size: 48px;
    margin-left: 25px;
    margin-top: 10px;
  }
  .sns_link i.fa-facebook-square {
    margin-left: 0;
  }
}