@charset "UTF-8";
/* ================================ * /
            共通CSS
==================================== */
/* モバイル時のみ改行 */
@import url("https://fonts.googleapis.com/css2?family=Kosugi&family=Zen+Antique+Soft&family=Zen+Kaku+Gothic+Antique:wght@400;500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Kiwi+Maru:wght@300;400;500&family=Zen+Kaku+Gothic+Antique:wght@300;400;500;700;900&display=swap");
.br__sp {
  display: none;
}

@media (max-width: 420px) {
  .br__sp {
    display: block;
  }
}

/* pad時のみ表示 */
.br__pad {
  display: none;
}

@media (max-width: 767px) {
  .br__pad {
    display: block;
  }
}

/* モバイル〜largeまで表示 */
.br__large {
  display: none;
}

@media (max-width: 992px) {
  .br__large {
    display: block;
  }
}

/* w390以下で表示 */
.br__pc-mini {
  display: none;
}

@media (min-width: 993px) {
  .br__pc-mini {
    display: block;
  }
}

/* PCで表示 */
.br__pc {
  display: block;
}

@media (max-width: 420px) {
  .br__pc {
    display: none;
  }
}

.body__background {
  background-color: #E2DFDD;
}

.body__wrap {
  overflow-x: hidden;
}

.body__gap--control {
  height: 6rem;
}

@media (max-width: 767px) {
  .body__gap--control {
    height: 5rem;
  }
}

@media (max-width: 420px) {
  .body__gap--control {
    height: 3rem;
  }
}

/* 各ページタイトルの看板サイズ */
.pagetitle {
  width: 15%;
}

@media (max-width: 992px) {
  .pagetitle {
    width: 30%;
  }
}

@media (max-width: 420px) {
  .pagetitle {
    width: 50%;
  }
}

/*モバイル時のみ改行 */
.br__sp {
  display: none;
}

@media (max-width: 420px) {
  .br__sp {
    display: block;
  }
}

/*タブレット以下のみ改行 */
.br__pad {
  display: none;
}

@media (max-width: 767px) {
  .br__pad {
    display: block;
  }
}

/*Large以下のみ改行 */
.br__large {
  display: none;
}

@media (max-width: 992px) {
  .br__large {
    display: block;
  }
}

.pagetitle__imagesiz {
  width: 15%;
}

@media (max-width: 767px) {
  .pagetitle__imagesiz {
    width: 30%;
  }
}

/* ================================ * /
            FONT 設定
==================================== */
/* フォントの種類 */
.font-zenkaku-gothic-antique {
  /* ZEN角ゴシックアンティーク weight = 400,500,700 */
  font-family: 'Zen Kaku Gothic Antique', sans-serif;
  font-style: normal;
}

.font-kiwi-maru {
  font-family: 'Kiwi Maru', serif;
  font-style: normal;
}

/* フォントの色 */
.font-color--white {
  color: #ffffff;
}

.font-color--brown {
  color: #4D3230;
}

/* フォントの太さ */
.font-weight--200 {
  font-weight: 200;
}

.font-weight--300 {
  font-weight: 300;
}

.font-weight--400 {
  font-weight: 400;
}

.font-weight--500 {
  font-weight: 500;
}

.font-weight--600 {
  font-weight: 600;
}

.font-weight--700 {
  font-weight: 700;
}

.font-weight--800 {
  font-weight: 800;
}

.font-weight--900 {
  font-weight: 900;
}

/* フォントサイズ */
.font {
  /* 文字間 微調整 */
}

.font-size--16 {
  font-size: 16px;
}

.font-size--18 {
  font-size: 18px;
}

.font-size--20 {
  font-size: 20px;
}

.font-size--24 {
  font-size: 24px;
}

.font-size--28 {
  font-size: 28px;
}

.font-size--30 {
  font-size: 30px;
}

.font-size--32 {
  font-size: 32px;
}

.font-size--36 {
  font-size: 36px;
}

.font-size--40 {
  font-size: 40px;
}

.font-size--48 {
  font-size: 48px;
}

.font-size--50 {
  font-size: 50px;
}

.font-size--60 {
  font-size: 60px;
}

.font-spacing {
  /* 数字の文字間隔 */
}

.font-spacing--mini {
  letter-spacing: .1em;
}

/* テキストエリアの高さ */
.line-height--xsmall {
  line-height: 0.5rem;
}

.line-height--small {
  line-height: 1rem;
}

.line-height--smedium {
  line-height: 1.5rem;
}

.line-height--medium {
  line-height: 2rem;
}

.line-height--large {
  line-height: 2.5rem;
}

.line-height--xlarge {
  line-height: 3rem;
}

/* テキスト縦書き */
.font-tate {
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  text-align: center;
  letter-spacing: 1rem;
}

/* ================================ * /
            ヘッダーフッター
==================================== */
/* ヘッダー */
.header {
  padding-top: 20px;
  /* ヘッダースクロールして出現 */
}

.header-background {
  width: 100%;
  height: 60px;
  background-color: #4D3230;
  padding-top: 0;
  padding-bottom: 0;
}

@media (max-width: 992px) {
  .header-background {
    background-color: transparent;
    -webkit-backdrop-filter: blur(5px);
            backdrop-filter: blur(5px);
  }
}

.header__logo--image {
  width: 42%;
  text-align: center;
}

@media (max-width: 767px) {
  .header__logo--image {
    width: 40%;
  }
}

@media (max-width: 420px) {
  .header__logo--image {
    width: 40%;
  }
}

.header__logo--pc {
  display: block;
  padding: 0.5rem;
}

@media (max-width: 992px) {
  .header__logo--pc {
    display: none;
  }
}

.header__logo--sp {
  display: none;
}

@media (max-width: 992px) {
  .header__logo--sp {
    display: block;
  }
}

.header__list {
  list-style: none;
  text-align: center;
  vertical-align: bottom;
  text-decoration: none;
  padding-right: 1rem;
  padding-left: 1rem;
  padding-bottom: 10px;
  padding-top: 10px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.header__list:hover {
  background-color: #89766F;
}

.header__list--reserve {
  list-style: none;
  text-align: center;
  vertical-align: bottom;
  text-decoration: none;
  padding-right: 1rem;
  padding-left: 1rem;
  padding-bottom: 10px;
  padding-top: 10px;
}

.header__link {
  font-family: 'Zen Kaku Gothic Antique', sans-serif;
  font-style: normal;
  color: #ffffff;
  font-weight: 600;
  text-decoration: none;
  line-height: 2.1rem;
  white-space: nowrap;
}

.header__link:hover {
  text-decoration: none;
  color: #ffffff;
}

.header__link:active {
  text-decoration: none;
  color: #ffffff;
}

.header__link--reserve {
  background-color: #B1A080;
  padding: 0.5rem;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.header__link--reserve:hover {
  background-color: #b4ab9a;
}

.header__scroll {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  display: none;
  z-index: 1000;
}

/* ドロップダウンbootstrapのclass上書き */
.dropdown:hover > .dropdown-menu {
  display: block;
  background-color: #4D3230;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.dropdown-toggle::after {
  content: none;
}

.dropdown-menu {
  background-color: #4D3230;
  color: #ffffff;
  padding: 0;
  margin: 0;
  top: 102%;
}

.dropdown-item {
  background-color: #4D3230;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.dropdown-item:hover {
  background-color: #89766F;
}

/* ハンバーガーメニュー*/
nav.globalMenuSp {
  display: none;
  position: fixed;
  z-index: 2;
  top: 0;
  left: 0;
  color: #fff;
  background: #4D3230;
  text-align: center;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  width: 100%;
  vertical-align: middle;
  opacity: 0;
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
  -webkit-animation-duration: 0.7s;
          animation-duration: 0.7s;
  opacity: 0;
}

nav.globalMenuSp.active {
  opacity: 100;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 992px) {
  nav.globalMenuSp nav.globalMenuSp {
    display: none;
    position: fixed;
    z-index: 2;
    top: 0;
    left: 0;
    color: #fff;
    background: #4D3230;
    text-align: center;
    height: 100%;
    width: 100%;
    vertical-align: middle;
    opacity: 0;
    -webkit-animation-name: fadeIn;
            animation-name: fadeIn;
    -webkit-animation-duration: 0.7s;
            animation-duration: 0.7s;
    opacity: 0;
  }
  nav.globalMenuSp ul {
    margin: 0 auto;
    padding: 0;
    width: 100%;
  }
  nav.globalMenuSp ul li {
    list-style-type: none;
    padding: 0;
    width: 100%;
    -webkit-transition: .4s all;
    transition: .4s all;
  }
  nav.globalMenuSp ul li:last-child {
    padding-bottom: 0;
  }
  nav.globalMenuSp ul li a {
    display: block;
    color: #fff;
    padding: 0.8em 0;
    text-decoration: none;
  }
}

@media (max-width: 992px) {
  .hamburger {
    display: block;
    position: fixed;
    z-index: 3;
    right: 13px;
    top: 1px;
    width: 75px;
    height: 75px;
    cursor: pointer;
    text-align: center;
    background: url("../image/spmenu_b.svg");
    /* ハンバーガーメニュー矢印アイコン */
  }
  .hamburger__logo {
    width: 50%;
  }
  .hamburger.active {
    background: url("../image/spmenu_a.svg");
  }
  .hamburger__icon:after {
    font-family: "Font Awesome 5 Free";
    content: "\f107";
    font-weight: 900;
  }
  .hamburger__icon[aria-expanded="true"]:after {
    font-family: "Font Awesome 5 Free";
    content: "\f106";
    font-weight: 900;
  }
  .hamburger__menu {
    font-size: 18px;
    font-weight: 600;
  }
  .hamburger__menu--child {
    font-size: 16px;
    font-weight: 400;
  }
}

/* フッター */
.footer__background--under {
  padding-top: 60px;
  height: 350px;
  background: url("../image/footer_image_down.png") no-repeat center center;
  position: relative;
}

@media (max-width: 767px) {
  .footer__background--under {
    padding-top: 0;
    background-position-x: 95%;
  }
}

@media (max-width: 420px) {
  .footer__background--under {
    padding-top: 20px;
    background-position-x: 95%;
  }
}

.footer__background--top {
  width: 30%;
}

@media (max-width: 420px) {
  .footer__background--top {
    width: 60%;
  }
}

.footer__logo--image {
  width: 45%;
  text-align: right;
}

@media (max-width: 992px) {
  .footer__logo--image {
    width: 60%;
  }
}

@media (max-width: 767px) {
  .footer__logo--image {
    width: 30%;
  }
}

@media (max-width: 420px) {
  .footer__logo--image {
    width: 38%;
  }
}

.footer__text {
  white-space: nowrap;
  font-weight: 600;
}

.footer__text--title {
  -ms-flex-preferred-size: 2em;
      flex-basis: 2em;
}

@media (max-width: 767px) {
  .footer__text--title {
    text-align: end;
    -ms-flex-preferred-size: 36%;
        flex-basis: 36%;
  }
}

@media (max-width: 420px) {
  .footer__text--title {
    -ms-flex-preferred-size: 27%;
        flex-basis: 27%;
  }
}

.footer__text--number {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  text-align: start;
  padding-left: 0.5em;
}

.footer__sns {
  text-align: center;
}

.footer__sns--image {
  width: 3%;
}

@media (max-width: 992px) {
  .footer__sns--image {
    width: 5%;
  }
}

@media (max-width: 420px) {
  .footer__sns--image {
    width: 10%;
  }
}

.footer__sns--link {
  text-decoration: none;
}

.footer__sns--link:hover {
  text-decoration: none;
}

.footer__area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 767px) {
  .footer__area {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

/* ================================ * /
            トップページ
==================================== */
/* ファーストビュー画像調整 */
.top-banner__image {
  width: 100%;
  height: 100vh;
}

.top-banner--pc {
  display: block;
}

@media (max-width: 420px) {
  .top-banner--pc {
    display: none;
  }
}

@media (max-width: 992px) {
  .top-banner--pc {
    display: none;
  }
}

.top-banner--tb {
  display: none;
}

@media (max-width: 992px) {
  .top-banner--tb {
    display: block;
  }
}

@media (max-width: 420px) {
  .top-banner--tb {
    display: none;
  }
}

.top-banner--sp {
  display: none;
}

@media (max-width: 420px) {
  .top-banner--sp {
    display: block;
  }
}

.top-banner__title {
  font-size: 24px;
}

.top-banner__description {
  margin-top: 10px;
}

/* TOPテキスト */
.top {
  /* TOPテキスト位置調整 */
}

.top__wrap {
  position: relative;
}

.top__textbox--firstline {
  position: absolute;
  left: 97%;
  top: 38%;
  -webkit-transform: translate(-96%, -37%);
          transform: translate(-96%, -37%);
}

@media (max-width: 992px) {
  .top__textbox--firstline {
    top: 30%;
    left: 100%;
  }
}

@media (max-width: 420px) {
  .top__textbox--firstline {
    top: 25%;
  }
}

.top__textbox--secondline {
  position: absolute;
  left: 91.5%;
  top: 49%;
  -webkit-transform: translate(-91%, -40%);
          transform: translate(-91%, -40%);
}

@media (max-width: 992px) {
  .top__textbox--secondline {
    top: 42%;
    left: 93%;
  }
}

@media (max-width: 420px) {
  .top__textbox--secondline {
    left: 90%;
    top: 40%;
    -webkit-transform: translate(-85%, -40%);
            transform: translate(-85%, -40%);
  }
}

.top__textbox--thirdline {
  position: absolute;
  left: 86%;
  top: 62%;
  -webkit-transform: translate(-87%, -50%);
          transform: translate(-87%, -50%);
}

@media (max-width: 992px) {
  .top__textbox--thirdline {
    top: 55%;
    left: 86%;
  }
}

@media (max-width: 420px) {
  .top__textbox--thirdline {
    left: 81%;
    top: 53%;
    -webkit-transform: translate(-87%, -50%);
            transform: translate(-87%, -50%);
  }
}

.top__textbox--forthline {
  position: absolute;
  left: 75%;
  top: 90%;
  -webkit-transform: translate(-75%, -90%);
          transform: translate(-75%, -90%);
}

@media (max-width: 992px) {
  .top__textbox--forthline {
    top: 85%;
    left: 75%;
  }
}

@media (max-width: 420px) {
  .top__textbox--forthline {
    left: 60%;
    top: 85%;
    -webkit-transform: translate(-55%, -90%);
            transform: translate(-55%, -90%);
  }
}

.top__textbox--fifthline {
  position: absolute;
  left: 69%;
  top: 95%;
  -webkit-transform: translate(-71%, -92%);
          transform: translate(-71%, -92%);
}

@media (max-width: 992px) {
  .top__textbox--fifthline {
    left: 68%;
    top: 92%;
  }
}

@media (max-width: 420px) {
  .top__textbox--fifthline {
    left: 48%;
    -webkit-transform: translate(-45%, -92%);
            transform: translate(-45%, -92%);
  }
}

.top__text {
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  text-align: center;
  color: #fff;
  font-weight: 500;
  font-size: 26px;
  letter-spacing: 8px;
}

@media (max-width: 992px) {
  .top__text {
    font-size: 24px;
    letter-spacing: 5px;
  }
}

@media (max-width: 420px) {
  .top__text {
    font-size: 18px;
    letter-spacing: 3.5px;
  }
}

/*TOPページホテル紹介 */
.introduction {
  /* ボタンホバー時 */
}

.introduction__imgsize {
  width: 80%;
}

@media (max-width: 420px) {
  .introduction__imgsize {
    width: 100%;
  }
}

.introduction__title {
  font-size: 36px;
  font-weight: 600;
}

@media (max-width: 420px) {
  .introduction__title {
    font-size: 24px;
  }
}

.introduction__text {
  font-size: 24px;
}

@media (max-width: 420px) {
  .introduction__text {
    font-size: 16px;
  }
}

.introduction__link:hover img {
  opacity: 0.8;
}

.introduction__button {
  width: 35%;
  text-align: center;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

@media (max-width: 420px) {
  .introduction__button {
    width: 65%;
  }
}

/* 観光情報画像スクロール右から流れる */
.kankou {
  /* ボタンホバー時 */
  /* 観光情報画像スクロール左から流れる */
  /* 画像の上テキストボックス */
}

.kankou__wrap {
  position: relative;
}

.kankou__link:hover img {
  opacity: 0.8;
}

.kankou__button {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  width: 50%;
}

@media (max-width: 420px) {
  .kankou__button {
    width: 80%;
  }
}

.kankou__image--loopright {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100vw;
  height: 400px;
  overflow: hidden;
}

.kankou__image--loopright img {
  width: auto;
  height: 100%;
}

.kankou__image--loopright img:first-child {
  -webkit-animation: slide1 60s -30s linear infinite;
          animation: slide1 60s -30s linear infinite;
}

.kankou__image--loopright img:last-child {
  -webkit-animation: slide2 60s linear infinite;
          animation: slide2 60s linear infinite;
}

.kankou__image--loopleft {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100vw;
  height: 400px;
  overflow: hidden;
}

.kankou__image--loopleft img {
  width: auto;
  height: 100%;
}

.kankou__image--loopleft img:first-child {
  -webkit-animation: slide3 60s -30s linear infinite;
          animation: slide3 60s -30s linear infinite;
}

.kankou__image--loopleft img:last-child {
  -webkit-animation: slide4 60s linear infinite;
          animation: slide4 60s linear infinite;
}

.kankou__textbox {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  padding: 0.5em 1em;
  margin: 2em 0;
  background: #F1E7E1;
  max-width: 600px;
  /* テキストボックス文章 */
}

@media (max-width: 992px) {
  .kankou__textbox {
    max-width: 800px;
  }
}

@media (max-width: 420px) {
  .kankou__textbox {
    width: 250px;
  }
}

.kankou__textbox p {
  margin: 0;
  padding: 0;
}

.kankou__textbox--title {
  font-weight: 600;
  font-size: 28px;
  line-height: 1.3em;
}

@media (max-width: 420px) {
  .kankou__textbox--title {
    font-size: 20px;
  }
}

.kankou__textbox--text {
  font-size: 20px;
}

@media (max-width: 420px) {
  .kankou__textbox--text {
    font-size: 15px;
  }
}

/* 観光情報画像スクロール右から流れるキーフレーム */
@-webkit-keyframes slide1 {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
@keyframes slide1 {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

@-webkit-keyframes slide2 {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-200%);
            transform: translateX(-200%);
  }
}

@keyframes slide2 {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-200%);
            transform: translateX(-200%);
  }
}

/* 観光情報画像スクロール左から流れるキーフレーム */
@-webkit-keyframes slide3 {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  to {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}
@keyframes slide3 {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  to {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}

@-webkit-keyframes slide4 {
  0% {
    -webkit-transform: translateX(-200%);
            transform: translateX(-200%);
  }
  to {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}

@keyframes slide4 {
  0% {
    -webkit-transform: translateX(-200%);
            transform: translateX(-200%);
  }
  to {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}

/* Facebook埋め込み */
.facebook__body {
  text-align: center;
}

@media (max-width: 420px) {
  .facebook__body {
    width: 100%;
    max-width: 450px;
  }
}

.facebook__imgsize {
  width: 15%;
}

@media (max-width: 992px) {
  .facebook__imgsize {
    width: 35%;
  }
}

@media (max-width: 420px) {
  .facebook__imgsize {
    width: 50%;
  }
}

/* バナー */
.banner__size {
  width: 80%;
}

@media (max-width: 992px) {
  .banner__size {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .banner__wrap {
    margin-left: 13%;
  }
}

/* ================================ * /
          アクセスページ
==================================== */
/* テキスト設定 */
.access__text--head {
  font-size: 28px;
  font-weight: 600;
}

@media (max-width: 767px) {
  .access__text--head {
    font-size: 20px;
  }
}

.access__text--subhead {
  font-size: 20px;
}

@media (max-width: 767px) {
  .access__text--subhead {
    font-size: 16px;
  }
}

.access__link {
  display: inline-block;
  color: #4D3230;
  font-size: 20px;
  -webkit-transition: all 0.5;
  transition: all 0.5;
  text-decoration: none;
}

.access__link:hover {
  color: #89766F;
  text-decoration: none;
}

@media (max-width: 767px) {
  .access__link {
    font-size: 16px;
  }
}

/* アクセス画像スクロール設定 */
.scrol__box {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.scrol__box div img {
  max-width: 100%;
  min-width: 600px;
  vertical-align: top;
}

@media (max-width: 992px) {
  .scrol__box {
    background-color: #F1E7E1;
    padding: 1rem;
  }
}

@media (max-width: 576px) {
  .scrol__box {
    background-color: #F1E7E1;
    max-width: 600px;
    padding: 1rem;
    margin: 1rem;
  }
}

.scrol__block--sp {
  display: none !important;
}

@media (max-width: 992px) {
  .scrol__block--sp {
    display: block !important;
  }
}

.scrol__icon {
  width: 8%;
}

/* ================================ * /
        食事ページ
==================================== */
.meal {
  /* 画像サイズ */
  /* タイトル文字 */
  /* 注意文 */
}

.meal__imgsize {
  width: 100%;
}

@media (max-width: 992px) {
  .meal__imgsize {
    width: 70%;
  }
}

@media (max-width: 420px) {
  .meal__imgsize {
    width: 95%;
  }
}

.meal--lineMedium {
  display: block;
  position: absolute;
  width: 260px;
  height: 3px;
  top: 2.7rem;
  background: #4D3230;
}

@media (max-width: 767px) {
  .meal--lineMedium {
    width: 230px;
  }
}

@media (max-width: 420px) {
  .meal--lineMedium {
    width: 150px;
    top: 2.5rem;
    height: 3px;
  }
}

.meal__orderimg {
  width: 40%;
}

@media (max-width: 992px) {
  .meal__orderimg {
    width: 70%;
  }
}

@media (max-width: 420px) {
  .meal__orderimg {
    width: 80%;
  }
}

.meal__order--title {
  font-weight: 500;
  font-size: 22px;
}

@media (max-width: 420px) {
  .meal__order--title {
    font-size: 18px;
  }
}

.meal__order--text {
  font-size: 18px;
}

@media (max-width: 767px) {
  .meal__order--text {
    font-size: 16px;
  }
}

.meal__order--subtext {
  font-size: 16px;
}

@media (max-width: 767px) {
  .meal__order--subtext {
    font-size: 14px;
  }
}

.meal__title {
  font-size: 28px;
  white-space: nowrap;
  /* タイトル切り替え */
}

@media (max-width: 767px) {
  .meal__title {
    font-size: 24px;
  }
}

.meal__title--lg {
  display: none !important;
}

@media (max-width: 992px) {
  .meal__title--lg {
    display: block !important;
  }
}

.meal__title--pc {
  display: block !important;
}

@media (max-width: 992px) {
  .meal__title--pc {
    display: none !important;
  }
}

.meal__text {
  font-size: 20px;
  white-space: nowrap;
  font-weight: 500;
}

@media (max-width: 767px) {
  .meal__text {
    font-size: 18px;
  }
}

@media (max-width: 420px) {
  .meal__text {
    font-size: 16px;
  }
}

.meal__caveattext {
  font-weight: 400;
  font-size: 14px;
  white-space: nowrap;
  padding-left: 1.2em;
  text-indent: -1.3em;
}

.meal__caveattext::before {
  content: "※";
}

/* ================================ * /
        周辺観光ページ
==================================== */
/* 地図大きさ調整 */
.map {
  /* なにで行く銚子旅部分 */
  /* 注意文 */
}

.map__image {
  width: 70%;
}

@media (max-width: 992px) {
  .map__image {
    width: 90%;
  }
}

@media (max-width: 992px) and (max-width: 420px) {
  .map__image {
    width: 100%;
  }
}

.map__textbox {
  background: #FAFAFA;
  width: 220px;
  height: 220px;
}

.map__textbox--icon {
  width: 17%;
}

.map__textbox--text {
  font-weight: 500;
  white-space: nowrap;
  margin-left: 0.5rem;
}

.map__caveattext {
  font-size: 14px;
  color: #000;
  padding-left: 1em;
  text-indent: -1em;
  white-space: nowrap;
}

.map__caveattext::before {
  content: "※";
}

.map__category {
  width: 20%;
}

/* Cardクラスの上書き */
.card-img-top {
  padding: 1rem;
  max-width: 100%;
}

.card-footer {
  background-color: #FFF;
  border: 0;
}

.card-text {
  margin-top: 1rem;
}

/* 観光情報各アイコン調整*/
.card {
  /*観光場所タイトル*/
  /*アクセス情報テキスト*/
}

.card__categoryicon {
  width: 12%;
  margin-right: 0.5rem;
  margin-left: 0.5rem;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.card__categoryicon:hover {
  opacity: 70%;
}

.card__categoryicon--link:hover {
  text-decoration: none;
}

@media (max-width: 420px) {
  .card__categoryicon {
    width: 20%;
  }
}

.card__icon {
  width: 10%;
  margin-right: 0.5rem;
}

.card__icon--access {
  width: 10%;
  margin-right: 0.5rem;
}

.card__pin {
  width: 12%;
  height: 12%;
  margin-right: 0.5rem;
}

.card__title {
  font-weight: 500;
  font-size: 20px;
  padding-bottom: 0;
  margin-bottom: 0;
}

.card__access {
  font-weight: 500;
  font-size: 16px;
  padding-bottom: 0;
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .card__access {
    font-size: 14px;
  }
}

/*長いurl折り返す・リンク色調整*/
.url {
  word-break: break-all;
  color: #4D3230;
  font-size: 14px;
}

.url:hover {
  color: #89766F;
}

/* ================================ * /
        プランページ
==================================== */
/* テキスト設定 */
.plan {
  /* 客室詳細情報 注意文 */
}

.plan__text {
  /* 大見出し */
  /* 大見出し 下線付き */
  /* 中見出し */
  /* 小見出し */
  /* メインの説明文 など */
  /* 注釈文 など */
}

.plan__text--head {
  font-size: 28px;
  font-weight: 600;
}

@media (max-width: 767px) {
  .plan__text--head {
    font-size: 20px;
  }
}

.plan__text--head-dotted {
  font-size: 28px;
  font-weight: 600;
  border-bottom: 2px dashed #4D3230;
}

@media (max-width: 767px) {
  .plan__text--head-dotted {
    font-size: 20px;
  }
}

.plan__text--subhead {
  font-size: 22px;
  font-weight: 600;
}

@media (max-width: 767px) {
  .plan__text--subhead {
    font-size: 16px;
  }
}

.plan__text--subhead-small {
  font-weight: 600;
}

@media (max-width: 767px) {
  .plan__text--subhead-small {
    font-size: 15px;
  }
}

.plan__text--honbun {
  font-size: 18px;
}

@media (max-width: 767px) {
  .plan__text--honbun {
    font-size: 15px;
  }
}

.plan__text--small {
  font-size: 16px;
}

@media (max-width: 767px) {
  .plan__text--small {
    font-size: 14px;
  }
}

.plan__cation-listWrap {
  list-style: none;
}

.plan__cation-listItem {
  padding-left: 1em;
  text-indent: -1em;
}

.plan__cation-listItem:before {
  content: "※";
}

/* 客室情報 浴衣画像 */
.kyakushitsu__img-yukata {
  border: 20px solid #F1E7E1;
  width: 100%;
  height: auto;
}

@media (max-width: 992px) {
  .kyakushitsu__img-yukata {
    width: 75%;
  }
}

/* プラン紹介 */
.info {
  /* ボタンの設定 */
  /* 注意文 */
}

.info__button {
  /* ご予約はこちらボタン 大 */
  /* ご予約はこちらボタン 小 */
}

.info__button-main {
  width: 235px;
  height: auto;
}

@media (max-width: 992px) {
  .info__button-main {
    width: 195px;
  }
}

.info__button-main:hover {
  -webkit-transition: ease .8s;
  transition: ease .8s;
  opacity: 0.8;
}

.info__button-sub {
  width: 180px;
  height: auto;
}

@media (max-width: 992px) {
  .info__button-sub {
    width: 195px;
  }
}

.info__button-sub:hover {
  -webkit-transition: ease .8s;
  transition: ease .8s;
  opacity: 0.8;
}

.info__img {
  /* 一泊二食付きプラン 画像 */
}

.info__img-1day2meshi {
  width: 520px;
  height: auto;
}

@media (max-width: 992px) {
  .info__img-1day2meshi {
    width: 290px;
  }
}

@media (max-width: 1220px) {
  .info__img-1day2meshi {
    width: 100%;
  }
}

.info__caveatarea {
  margin: 0 auto;
  text-align: center;
  display: block;
}

.info__caveattext {
  margin: 0;
  font-size: 14px;
  color: #4D3230;
  text-align: left;
  white-space: nowrap;
  padding-left: 1em;
  text-indent: -1em;
}

.info__caveattext::before {
  content: "※";
}

@media (max-width: 420px) {
  .info__caveattext {
    font-size: 13px;
  }
}

/* ================================ * /
            温泉ページ
==================================== */
.onsenSP {
  display: none;
}

@media (max-width: 767px) {
  .onsen__title {
    font-size: 32px;
  }
}

@media (max-width: 420px) {
  .onsen__title {
    font-size: 24px;
  }
}

.onsen__title--lineNormal {
  display: block;
  position: absolute;
  width: 260px;
  height: 5px;
  top: 4rem;
  background: #4D3230;
}

@media (max-width: 767px) {
  .onsen__title--lineNormal {
    width: 220px;
    top: 3.5rem;
  }
}

@media (max-width: 420px) {
  .onsen__title--lineNormal {
    width: 100px;
    top: 2.5rem;
  }
}

.onsen__title--lineMedium {
  display: block;
  position: absolute;
  width: 260px;
  height: 5px;
  top: 4rem;
  background: #4D3230;
}

@media (max-width: 420px) {
  .onsen__title--lineMedium {
    width: 150px;
    top: 2.5rem;
  }
}

.onsen__title--lineShort {
  display: block;
  position: absolute;
  width: 180px;
  height: 5px;
  top: 4rem;
  background: #4D3230;
}

@media (max-width: 767px) {
  .onsen__title--lineShort {
    width: 140px;
    top: 3.5rem;
  }
}

@media (max-width: 420px) {
  .onsen__title--lineShort {
    width: 100px;
    top: 2.5rem;
  }
}

@media (max-width: 767px) {
  .onsen__subTitle {
    font-size: 20px;
  }
}

@media (max-width: 420px) {
  .onsen__subTitle {
    font-size: 16px;
  }
}

.onsen__spacing {
  letter-spacing: 0.07em;
}

.onsen__colTitleS {
  text-align: center;
}

@media (max-width: 767px) {
  .onsen__colTitleS {
    font-size: 18px;
  }
}

@media (max-width: 420px) {
  .onsen__colTitleS {
    display: none;
  }
}

@media (max-width: 767px) {
  .onsen__colContentS {
    font-size: 16px;
  }
}

@media (max-width: 420px) {
  .onsen__colContentS {
    display: none;
  }
}

.onsen__colTitleF {
  text-align: right;
  margin-left: 3.5rem;
}

@media (max-width: 420px) {
  .onsen__colTitleF {
    text-align: center;
    margin-left: 0rem;
  }
}

.onsen__colContentF {
  text-align: left;
  margin-left: 1rem;
}

@media (max-width: 420px) {
  .onsen__colContentF {
    text-align: center;
    font-size: 16px;
    margin-left: 0rem;
    line-height: 2rem;
  }
}

.onsen__colSubTitleN {
  text-align: center;
}

@media (max-width: 420px) {
  .onsen__colSubTitleN {
    font-size: 16px;
    text-align: center;
    font-weight: 400;
  }
}

.onsen__colContentN {
  padding-left: 7rem;
}

@media (max-width: 992px) {
  .onsen__colContentN {
    padding-left: 0.2rem;
  }
}

@media (max-width: 420px) {
  .onsen__colContentN {
    text-align: left;
    margin-left: 12.5vw;
    font-size: 16px;
    padding: 0rem;
  }
}

.onsen__colContentP1 {
  display: inline;
}

@media (max-width: 420px) {
  .onsen__colContentP1 {
    display: block;
  }
}

.onsen__colContentP2 {
  display: inline;
}

@media (max-width: 420px) {
  .onsen__colContentP2 {
    display: block;
    margin-top: -1rem;
    margin-left: 4rem;
    margin-bottom: -1.5rem;
  }
}

.onsen__colContentP3 {
  display: inline;
}

@media (max-width: 420px) {
  .onsen__colContentP3 {
    display: block;
    margin-top: -1rem;
    margin-left: 1rem;
    margin-bottom: -1.5rem;
  }
}

.onsen__img--large {
  width: 30vw;
}

@media (max-width: 767px) {
  .onsen__img--large {
    width: 30vw;
  }
}

@media (max-width: 420px) {
  .onsen__img--large {
    display: none;
  }
}

.onsen__img--small {
  width: 14vw;
  margin: 1rem;
}

@media (max-width: 420px) {
  .onsen__img--small {
    display: none;
  }
}

@media (max-width: 420px) {
  .onsenSP {
    display: block;
  }
  .onsenSP--colTitle {
    font-size: 18px;
  }
  .onsenSP__img--large {
    margin-top: 2rem;
    width: 70vw;
  }
  .onsenSP__img--small {
    width: 35vw;
    margin: 0.5rem;
  }
  __gameSP {
    display: none;
  }
}

@media (max-width: 420px) and (max-width: 420px) {
  __gameSP {
    display: block;
  }
}

@media (max-width: 420px) {
  __gamePC {
    display: block;
  }
}

@media (max-width: 420px) and (max-width: 420px) {
  __gamePC {
    display: none;
  }
}

@media (max-width: 420px) {
  __img--left {
    width: 35vw;
    height: 24vw;
  }
}

@media (max-width: 420px) and (max-width: 767px) {
  __img--left {
    width: 45vw;
    height: 27vw;
  }
}

@media (max-width: 420px) and (max-width: 420px) {
  __img--left {
    width: 45vw;
    height: 26vw;
  }
}

@media (max-width: 420px) {
  __img--yoko {
    width: 35vw;
    height: 11.5vw;
    vertical-align: middle;
  }
}

@media (max-width: 420px) and (max-width: 767px) {
  __img--yoko {
    width: 35vw;
    height: 12.5vw;
    margin-left: 2rem;
  }
}

@media (max-width: 420px) and (max-width: 420px) {
  __img--yoko {
    width: 33vw;
    height: 12.5vw;
    margin: 0rem 0rem 0rem 1rem;
    vertical-align: middle;
  }
}

/* ================================ * /
            館内設備ページ
==================================== */
.facilities__card {
  width: 70%;
}

@media (max-width: 992px) {
  .facilities__card {
    width: 80%;
  }
}

@media (max-width: 420px) {
  .facilities__card {
    width: 100%;
  }
}

.facilities__card--title {
  font-weight: 500;
  font-size: 20px;
  padding-bottom: 0;
  margin-bottom: 0;
}

@media (max-width: 992px) {
  .facilities__card--title {
    font-size: 18px;
  }
}

@media (max-width: 420px) {
  .facilities__card--title {
    font-size: 18px;
  }
}

.facilities__card--text {
  margin-top: 0.2rem;
  font-size: 20px;
}

@media (max-width: 992px) {
  .facilities__card--text {
    font-size: 16px;
  }
}

@media (max-width: 420px) {
  .facilities__card--text {
    font-size: 16px;
  }
}

@media (max-width: 390px) {
  .facilities__card--text {
    font-size: 14px;
  }
}

.facilities__titleP1 {
  display: inline;
}

@media (max-width: 767px) {
  .facilities__titleP1 {
    font-size: 30px;
  }
}

@media (max-width: 420px) {
  .facilities__titleP1 {
    display: block;
    font-size: 22px;
  }
}

.facilities__titleP2 {
  display: inline;
}

@media (max-width: 767px) {
  .facilities__titleP2 {
    font-size: 30px;
  }
}

@media (max-width: 420px) {
  .facilities__titleP2 {
    display: block;
    font-size: 22px;
    margin-top: -1rem;
    margin-bottom: -1.5rem;
  }
}

.facilities__content {
  margin-bottom: auto;
  display: block;
}

@media (max-width: 767px) {
  .facilities__content {
    font-size: 18px;
  }
}

@media (max-width: 420px) {
  .facilities__content {
    font-size: 15px;
  }
}

.facilities__contentP1 {
  display: inline;
}

@media (max-width: 767px) {
  .facilities__contentP1 {
    font-size: 18px;
  }
}

@media (max-width: 420px) {
  .facilities__contentP1 {
    font-size: 15px;
  }
}

.facilities__contentP2 {
  display: inline;
}

@media (max-width: 767px) {
  .facilities__contentP2 {
    font-size: 18px;
  }
}

@media (max-width: 420px) {
  .facilities__contentP2 {
    display: block;
    font-size: 15px;
  }
}

.facilities__contentP3 {
  display: block;
}

@media (max-width: 767px) {
  .facilities__contentP3 {
    font-size: 18px;
  }
}

@media (max-width: 420px) {
  .facilities__contentP3 {
    font-size: 15px;
    margin-top: -1rem;
    margin-bottom: -1.5rem;
  }
}

.facilities__contentP4 {
  display: block;
  margin-bottom: auto;
}

@media (max-width: 767px) {
  .facilities__contentP4 {
    font-size: 18px;
  }
}

@media (max-width: 420px) {
  .facilities__contentP4 {
    font-size: 15px;
    margin-top: -1rem;
  }
}

.facilities__contentP5 {
  display: inline;
}

@media (max-width: 767px) {
  .facilities__contentP5 {
    font-size: 18px;
  }
}

@media (max-width: 420px) {
  .facilities__contentP5 {
    display: block;
    font-size: 15px;
    margin-top: -1rem;
    margin-bottom: -1.5rem;
  }
}

.facilities__img {
  width: 35vw;
  height: 23vw;
}

@media (max-width: 767px) {
  .facilities__img {
    width: 45vw;
    height: 26vw;
  }
}

@media (max-width: 420px) {
  .facilities__img {
    width: 75vw;
    height: 55vw;
  }
}

.facilities__img--souvenir {
  width: 55%;
}

@media (max-width: 767px) {
  .facilities__img--souvenir {
    width: 75%;
  }
}

@media (max-width: 420px) {
  .facilities__img--souvenir {
    width: 75%;
  }
}

.facilities__img--amusement {
  width: 80%;
}

@media (max-width: 420px) {
  .facilities__img--amusement {
    width: 90%;
  }
}

.facilities__img--title {
  background-color: #ffffff;
  text-align: start;
  font-size: 22px;
  width: 35.2vw;
  margin: auto;
  padding-top: 1rem;
  padding-left: 1rem;
}

@media (max-width: 767px) {
  .facilities__img--title {
    font-size: 22px;
    width: 45vw;
    margin: auto;
    padding-top: 1rem;
    padding-left: 1rem;
  }
}

@media (max-width: 420px) {
  .facilities__img--title {
    font-size: 15px;
    width: 75vw;
    margin: auto;
    padding-top: 1rem;
    padding-left: 1rem;
  }
}

.facilities__img--contnet {
  background-color: #ffffff;
  text-align: start;
  font-size: 20px;
  width: 35.2vw;
  height: 8rem;
  margin: auto;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 1rem;
}

@media (max-width: 767px) {
  .facilities__img--contnet {
    font-size: 18px;
    width: 45vw;
    height: 8rem;
    margin: auto;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 1rem;
  }
}

@media (max-width: 420px) {
  .facilities__img--contnet {
    font-size: 15px;
    width: 75vw;
    height: 6rem;
    margin: auto;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 1rem;
  }
}

.facilities__gameSP {
  display: none;
}

@media (max-width: 420px) {
  .facilities__gameSP {
    display: block;
  }
}

.facilities__gamePC {
  display: block;
}

@media (max-width: 420px) {
  .facilities__gamePC {
    display: none;
  }
}

.facilities__img {
  width: 35vw;
  height: 23vw;
}

@media (max-width: 992px) {
  .facilities__img {
    width: 45vw;
    height: 26vw;
  }
}

@media (max-width: 420px) {
  .facilities__img {
    width: 75vw;
    height: 55vw;
  }
}

.facilities__img--souvenir {
  width: 55%;
}

@media (max-width: 767px) {
  .facilities__img--souvenir {
    width: 75%;
  }
}

@media (max-width: 420px) {
  .facilities__img--souvenir {
    width: 75%;
  }
}

.facilities__img--title {
  background-color: #ffffff;
  text-align: start;
  font-size: 22px;
  width: 35.2vw;
  margin: auto;
  padding-top: 1rem;
  padding-left: 1rem;
}

@media (max-width: 992px) {
  .facilities__img--title {
    font-size: 20px;
    width: 45vw;
    margin: auto;
    padding-top: 1rem;
    padding-left: 1rem;
  }
}

@media (max-width: 420px) {
  .facilities__img--title {
    font-size: 15px;
    width: 75vw;
    margin: auto;
    padding-top: 1rem;
    padding-left: 1rem;
  }
}

.facilities__img--contnet {
  background-color: #ffffff;
  text-align: start;
  font-size: 20px;
  width: 35.2vw;
  height: 8rem;
  margin: auto;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 1rem;
}

@media (max-width: 992px) {
  .facilities__img--contnet {
    font-size: 16px;
    width: 45vw;
    height: 8rem;
    margin: auto;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 1rem;
  }
}

@media (max-width: 420px) {
  .facilities__img--contnet {
    font-size: 15px;
    width: 75vw;
    height: 6rem;
    margin: auto;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 1rem;
  }
}

.facilities__img--left {
  width: 35vw;
  height: 24vw;
}

@media (max-width: 767px) {
  .facilities__img--left {
    width: 45vw;
    height: 27vw;
  }
}

@media (max-width: 420px) {
  .facilities__img--left {
    width: 45vw;
    height: 26vw;
  }
}

.facilities__img--yoko {
  width: 35vw;
  height: 11.5vw;
  vertical-align: middle;
}

@media (max-width: 767px) {
  .facilities__img--yoko {
    width: 35vw;
    height: 12.5vw;
    margin-left: 2rem;
  }
}

@media (max-width: 420px) {
  .facilities__img--yoko {
    width: 33vw;
    height: 12.5vw;
    margin: 0rem 0rem 0rem 1rem;
    vertical-align: middle;
  }
}

.facilities__img--pool {
  width: 60%;
}

@media (max-width: 420px) {
  .facilities__img--pool {
    width: 80%;
  }
}


/* ================================ * /
          FAQページ
/* ================================ */
/* 大見出し */
.faq {
  /* 小見出し */
}

.faq__head {
  font-size: 28px;
  font-weight: 600;
  border-bottom: 2px solid #4D3230;
  position: relative;
  display: inline-block;
}

@media (max-width: 420px) {
  .faq__head {
    font-size: 20px;
  }
}

.faq__subhead {
  font-size: 22px;
  font-weight: 500;
}

@media (max-width: 420px) {
  .faq__subhead {
    font-size: 18px;
  }
}

.faq__subhead--transition {
  color: #4D3230;
  font-weight: 600;
  font-size: 22px;
  border-bottom: 2px dotted #4D3230;
  border-radius: 0;
  display: inline;
  padding: 0;
  vertical-align: top;
}

@media (max-width: 420px) {
  .faq__subhead--transition {
    font-size: 18px;
  }
}

.faq__categorybtn {
  width: 85%;
  margin: 0 auto;
}

.faq__categorybtn--area {
  background-color: #F2F2F2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 1rem;
  font-weight: 600;
  font-size: 20px;
  color: #4D3230;
  width: 100%;
  height: 65px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.faq__categorybtn--area:hover {
  background-color: #4D3230;
  color: #E2DFDD;
}

@media (max-width: 992px) {
  .faq__categorybtn--area {
    font-size: 17px;
  }
}

@media (max-width: 420px) {
  .faq__categorybtn--area {
    font-size: 16px;
  }
}

.faq__category {
  width: 85%;
  margin: 0 auto;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 1.5rem;
  background-color: #F2F2F2;
}

@media (max-width: 420px) {
  .faq__category {
    width: 100%;
  }
}

.faq__category--btntext {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2em;
  margin-bottom: 0;
}

@media (max-width: 992px) {
  .faq__category--btntext {
    font-size: 16px;
  }
}

.faq__category--text {
  padding-left: 1rem;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 0;
  text-align: left;
  color: #4D3230;
}

/* アコーディオン設定 */
.ac {
  width: 85%;
  margin: 0 auto;
  /* 質問部 */
  /* 回答部 */
}

@media (max-width: 420px) {
  .ac {
    width: 100%;
  }
}

.ac__question {
  text-align: left;
  color: #E2DFDD;
  padding: .8rem;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 1.5rem;
  background-color: #4D3230;
  position: relative;
}

.ac__question::after {
  font-family: 'Font Awesome 5 Free';
  content: '\f107';
  font-weight: 900;
  position: absolute;
  right: 2%;
}

.ac__question.open::after {
  content: '\f106';
}

@media (max-width: 420px) {
  .ac__question {
    margin-top: 0.5rem;
  }
}

.ac__question--text {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 0;
  padding-left: 2em;
  text-indent: -2em;
}

@media (max-width: 992px) {
  .ac__question--text {
    font-size: 18px;
  }
}

@media (max-width: 767px) {
  .ac__question--text {
    font-size: 14px;
  }
}

@media (max-width: 420px) {
  .ac__question--text {
    padding-left: 1.7em;
    text-indent: -1.9em;
  }
}

.ac__question--text::before {
  content: "";
  display: inline-block;
  width: 25px;
  height: 25px;
  background: url(../image/faq/faq_q.png) no-repeat;
  background-size: contain;
  margin-right: 8px;
  -webkit-transform: translate(1px, 3px);
          transform: translate(1px, 3px);
}

@media (max-width: 992px) {
  .ac__question--text::before {
    width: 20px;
    height: 20px;
  }
}

@media (max-width: 767px) {
  .ac__question--text::before {
    width: 16px;
    height: 16px;
  }
}

@media (max-width: 420px) {
  .ac__question--text::before {
    margin-right: 5px;
  }
}

.ac__anser {
  display: none;
  text-align: left;
  border-left: 2px solid #4D3230;
  border-right: 2px solid #4D3230;
  border-bottom: 2px solid #4D3230;
  padding: .8rem;
  cursor: pointer;
}

.ac__anser--display {
  margin: 0;
}

.ac__anser--text {
  font-size: 20px;
  margin-bottom: 0;
  padding-left: 2em;
  text-indent: -2em;
}

@media (max-width: 992px) {
  .ac__anser--text {
    font-size: 18px;
  }
}

@media (max-width: 767px) {
  .ac__anser--text {
    font-size: 14px;
  }
}

@media (max-width: 420px) {
  .ac__anser--text {
    padding-left: 1.7em;
    text-indent: -1.9em;
  }
}

.ac__anser--text::before {
  content: "";
  display: inline-block;
  width: 25px;
  height: 25px;
  background: url(../image/faq/faq_a.png) no-repeat;
  background-size: contain;
  margin-right: 8px;
  -webkit-transform: translate(1px, 3px);
          transform: translate(1px, 3px);
}

@media (max-width: 992px) {
  .ac__anser--text::before {
    width: 20px;
    height: 20px;
  }
}

@media (max-width: 767px) {
  .ac__anser--text::before {
    width: 16px;
    height: 16px;
  }
}

@media (max-width: 420px) {
  .ac__anser--text::before {
    margin-right: 5px;
  }
}

/* 問い合わせ部 */
.toiawase {
  width: 30%;
  border: 1px solid #4D3230;
  margin: 0 auto;
  padding: 2rem;
  margin-top: 3rem;
  background-color: #F2F2F2;
}

@media (max-width: 992px) {
  .toiawase {
    width: 50%;
  }
}

@media (max-width: 767px) {
  .toiawase {
    width: 70%;
    padding: 1rem;
  }
}

@media (max-width: 420px) {
  .toiawase {
    width: 80%;
    padding: 1rem;
  }
}

.toiawase__pagetop {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.toiawase__pagetop:hover {
  opacity: 0.7;
}

@media (max-width: 420px) {
  .toiawase__pagetop {
    width: 85%;
  }
}

#page_top {
  position: fixed;
  bottom: 30px;
  right: 20px;
  z-index: 99;
}

/* ================================ * /
          404ページ
/* ================================ */
/* 大見出し */
.notfound__head {
  font-size: 24px;
}

@media (max-width: 767px) {
  .notfound__head {
    font-size: 20px;
  }
}

.notfound__subhead {
  font-size: 18px;
}

@media (max-width: 767px) {
  .notfound__subhead {
    font-size: 16px;
  }
}

.notfound__button {
  width: 15%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

@media (max-width: 992px) {
  .notfound__button {
    width: 30%;
  }
}

@media (max-width: 420px) {
  .notfound__button {
    width: 40%;
  }
}

/* ================================ * /
         ローディングアニメ
/* ================================ */
/* 表示設定 */
#showloading {
  width: 100vw;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  background-color: #E2DFDD;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 9999;
}

.st0 {
  fill: transparent;
  stroke: #4D3230;
  stroke-width: 1;
  stroke-dasharray: 1500;
  stroke-dashoffset: 0;
  -webkit-animation: path 1.5s ease-in forwards;
          animation: path 1.5s ease-in forwards;
}

@-webkit-keyframes path {
  0% {
    fill: transparent;
    stroke-dashoffset: 1500;
  }
  90% {
    fill: transparent;
    stroke-width: 1;
  }
  100% {
    fill: #4D3230;
    stroke-width: 0;
    stroke-dashoffset: 0;
  }
}

@keyframes path {
  0% {
    fill: transparent;
    stroke-dashoffset: 1500;
  }
  90% {
    fill: transparent;
    stroke-width: 1;
  }
  100% {
    fill: #4D3230;
    stroke-width: 0;
    stroke-dashoffset: 0;
  }
}

.load__img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50%;
  height: auto;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
/*# sourceMappingURL=common.css.map */