@charset "utf-8";

/* *****************************************
PC調整
******************************************** */
@media screen and (max-width:1150px) {}


/* ****************************************
タブレット最大サイズ
******************************************* */
@media screen and (max-width:960px) {

  /* ===========ルーム=========== */
  .room {
    display: block;
  }

  .room .pic-wrap {
    margin-top: 5rem;
  }

  .room_list .cont h4 {
    font-size: 1.8rem;
  }

  /* ===========サービス=========== */
  .service {
    width: 90%;
  }

  .sv-head {
    display: block;
  }

  .sv-head .c-tl {
    margin-bottom: 5rem;
  }

  .service .c-tl span {
    text-align: start;
  }

  /* サービスリスト */
  .sv-list {
    gap: 8rem 5%;
  }

  .sv-list li {
    width: calc((100% - 10%) / 3);
  }

  /* ===========小セクション共通=========== */
  .c-sec-flex {
    display: block;
  }

  .c-sec-flex .pic02 {
    width: 80%;
    margin-right: 0;
    margin-left: auto;
    margin-top: 8rem;
  }

  /* ==========会員 SFホテルズ======== */
  .member .inner {
    flex-flow: column;
  }

  /* ===========観光=========== */
  /* 豊川稲荷 */
  .toyokawa-shrine {
    display: block;
  }

  .toyokawa-map {
    margin-top: 8rem;
  }


  /* ===========フッター=========== */
  footer .inner {
    display: block;
  }

  /* box01 */
  footer .box01 {
    display: flex;
    justify-content: center;
    margin-bottom: 5rem;
  }

  footer .box01 .info {
    flex: 1;
  }

  footer .box01 h2 {
    text-align: center;
  }

  footer .box01 address {
    width: fit-content;
    margin-right: auto;
    margin-left: auto;
  }

  footer .box01 nav {
    flex: 1;
  }

  /* box02 */
  footer .box02 {
    flex-direction: row-reverse;
  }

  footer .box02 .btn-flex {
    justify-content: center;
  }
}

/* *****************************************
タブレット
******************************************** */
@media screen and (max-width:768px) {

  /* =========== MV =========== */
  .mv-logo {
    width: 150px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
  }

  .mv-txt {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    text-align: center;
    /* bottom: 185px; */
    bottom: 125px;
  }

  /*  ===========サブナビゲーション=========== */
  .sub-nav ul li {
    width: calc(100% / 4);
  }

  .sub-nav ul li a {
    font-size: 1.6rem;
    padding: 15px 0;
  }

  /* ===========イントロ=========== */
  .intro {
    flex-flow: column;
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
  }

  .intro .pic {
    width: 80%;
    aspect-ratio: 3 / 1;
    overflow: hidden;
  }

  .intro .txt {
    position: relative;
    width: 80%;
    margin-bottom: 8rem;
  }

  .scroll_down {
    position: absolute;
    top: -5rem;
    left: 0;
  }

  /* ===========ルーム=========== */
  .room_box {
    flex-direction: column;
  }

  .room_card {
    width: 100%;
  }

  /* ==========共通=========== */
  .c-tl {
    font-size: 3.2rem;
    white-space: wrap;
  }

  .c-tl span {
    font-size: 1.6rem;
  }

  .sub-c-tl {
    white-space: wrap;
  }

  .sub-c-tl span {
    font-size: 1.6rem;
  }

  /* =========小セクション共通========= */
  .c-sec-flex .txt {
    padding: 15rem 5rem;
  }

  /* ========レストランお食事処========= */
  .buffe {
    flex-flow: column;
    flex-direction: column-reverse;
  }

  /* ========サービス======== */
  .sv-list li h3 {
    font-size: 1.8rem;
  }

  .sv-list li p {
    font-size: 1.4rem;
  }

  /* ========小セクション共通======== */
  .c-sec-flex {
    width: 95%;
  }

  /* ========施設案内======== */
  .facility {
    width: 90%;
  }

  .facility .c-tl {
    margin-right: auto;
    margin-left: auto;
  }

  .facility .c-tl span {
    display: block;
    text-align: center;
  }

  /* =========会員 SFホテルズ======== */
  .member .inner {
    width: 90%;
  }

  /* =========観光========= */
  .exp-head .pic {
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    opacity: 0.9;
  }

  /* 豊川稲荷 */
  .toyokawa-shrine h3 {
    font-size: 2.8rem;
  }

  /* ギャラリー */
  .exp-gallary {
    width: 100%;
    gap: 15px;
  }

  /* ========アクセス======== */
  .access .inner {
    width: 90%;
  }

  .access .c-tl {
    margin-right: auto;
    margin-left: auto;
  }

  .access .c-tl span {
    text-align: center;
  }

  .access .cont {
    flex-flow: column;
  }

  /* ========フッター ======== */

  footer .inner {
    width: 90%;
    flex-flow: column;
  }

  footer .box02 {
    margin-top: 5rem;
  }

  .ft-sfhotels {
    width: 100%;
  }

  footer .box02 .register {
    font-size: 2rem;
  }

  footer .box02 nav ul {
    justify-content: start;
  }
}


@media screen and (max-width:572px) {

  /* =========== MV =========== */


  /* ===========ルーム=========== */
  /* タブボタン */
  .tab_buttons {
    flex-flow: column;
    gap: 2rem;
  }

  .tab_content {
    padding: 5rem 20px;
  }

  /* ===========サービス=========== */
  /* サービスリスト */
  .sv-list {
    gap: 8rem 5%;
  }

  .sv-list li {
    width: calc((100% - 5%) / 2);
  }
}

/* *****************************************
SP最大サイズ
******************************************** */
@media screen and (max-width:375px) {}