@charset "utf-8";
@import "reset.css";
@import "common.css";
@font-face {
  font-family: Hannari;
  src: url("/font/hannari.woff") format("woff");
}

/*
Theme Name: 玉子湯wp
Description:玉子湯のテンプレートテーマ
Author: 作った人の名前
Version: バージョン
*/

.sp {
  display: none;
}
/* ===レイアウト=== */
#main {
  margin: 0 auto;
}

/*フォント指定*/

#main h2,
#sec01 .number,
#sec01 h3,
#main .sec .title_bg_img h2,
.gnav,
.sec .txt_box,
.sec .caption,
/*#sec07 h3,*/
#sec06 .col p,
.to_more a,
.nav_item a,
.sub_gnav li a {
  font-family: "Hannari";
  font-weight: 400;
}

/*見出し*/
h1 {
  font-size: 2.2rem;
  margin: 0 0 1rem 0;
}
h2 {
  font-size: 1.8rem;
  margin: 0 0 1rem 0;
}
h3 {
  font-size: 1.4rem;
  margin: 0 0 1rem 0;
}
h4 {
  font-size: 1.2rem;
  margin: 0 0 1rem 0;
}
h5 {
  font-size: 1.1rem;
  margin: 0 0 1rem 0;
}
p {
  margin: 0 0 1rem 0;
}

/*画像装飾があるタイトル*/

#main .top_title {
  padding: 2rem 0;
  text-align: center;
  font-size: 1.5rem;
  background-color: #fff9d3;
  min-height: 60px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
#main .top_title.gray {
  background-color: #e1e1e1;
}
#main .top_title .sub_title {
  display: block;
}
#main .top_title .sub_title.min {
  font-size: 16px;
}
#main .title_bg_img {
  position: relative;
  height: 250px;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 1px 0;
}
#main .title_bg_img h2 {
  text-align: center;
  margin: 25px 0 0 0;
  width: 300px;
  opacity: 0.8;
  font-size: 2.25rem;
  color: #fff;
  background: #182349;
  border: 1px solid #987f55;
  line-height: 200px;
}
#main #sec03 .title_bg_img {
  background-image: url(/top/img/bg_02.jpg);
}
#main #sec04 .title_bg_img {
  background-image: url(/top/img/bg_03.jpg);
}
#main #sec05 .title_bg_img {
  background-image: url(/top/img/bg_04.jpg);
}

#main .top_wifi {
	display: flex;
	align-items : center;
	justify-content: center;
  line-height: 3.5em;
  width: 100%;
  font-size: 20px;
  white-space: nowrap !important;
}

#main .top_wifi img {
	padding-bottom: 14px;
	padding-right: 10px;
}

/*パソコン非表示*/
.pc_none {
  display: none;
}

/*header*/
/*グロナビ*/
nav {
  flex: 1;
}
.gnav {
  margin: 0 auto;
  background: #182349;
  display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.gnav li {
  flex-grow: 1;
}
.gnav li a {
  display: block;
  padding: 15px 2px;
  font-size: 21px;
  text-align: center;
  color: #fff;
}

/*ナビ固定*/
.js-fix.is-fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 2;
}
.h_inner {
  width: 90%;
  max-width: 1400px;
  margin: 0 auto;
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
h1.h_logo {
  z-index: 99;
  margin: 0;
  position: absolute;
  top: 50px;
  left: 10%;
}
.h_inq {
  z-index: 99;
  position: absolute;
  top: 15px;
  right: 10%;
  width: 375px;
}
.h_inq img {
  opacity: 0.8;
}
/*特定の位置を超えた時の*/
.is-fixed h1.h_logo,
.is-fixed .h_inq {
  position: static;
}
.is-fixed h1.h_logo {
  width: 220px;
}
.is-fixed {
  background: #182349;
  padding: 5px 0;
}
.is-fixed .gnav li a {
  font-size: 17px;
  padding: 0.8em 2%;
  text-align: center;
}
.is-fixed .gnav li a:hover {
  color: #aaa;
}
.is-fixed .h_inq img {
  opacity: 1;
  height: 65px;
}

/*210225高木追加*/
/*検索窓*/

.header_sarch {
  margin-top: 10px;
}
.header_search_title {
  font-size: 0.8em;
  color: #fff;
  font-weight: bold;
  text-align: center;
  padding: 10px 5px;
  background-color: #182349;
  margin-bottom: 0;
}

/*検索フォーム*/
.header_search_body {
  padding: 8px;
  background-color: #fff;
}
.header_search_body form {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  flex-wrap: wrap;
}
#search_489ban button {
  margin-top: 10px;
  margin-left: 8px;
  padding: 5px 10px;
}
.header_sarch .inbox_489ban {
  margin-left: 5px;
}
.date_489ban dd select,
.inbox_489ban dd select {
  font-size: 1.1em;
}
.date_489ban dt label,
.inbox_489ban dt label {
  font-size: 0.8em;
}
.date_489ban dd label {
  display: none;
}

/*ボタン*/
.header_search_btn {
  display: inline-block;
  width: 100%;
  font-size: 1.125em;
  color: #fff;
  font-weight: bold;
  text-align: center;
  padding: 10px 5px;
  box-sizing: border-box;
  font-family: hannari;
  border-radius: 5px;
}
.plan_btn {
  background-color: #ad0d23;
  margin-bottom: 10px;
}

.holizontal_btn_list {
  display: flex;
  justify-content: center;
}
.holizontal_btn_list > *:last-child {
  margin-right: 0;
}
.holizontal_btn_list > * {
  flex: 1;
  max-width: 300px;
  margin-right: 10px;
}
.holizontal_btn_list_btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.btn_cannsel {
  background-color: #ededed;
  color: #182349;
}
.btn_calendar {
  background-color: #182349;
}

/*検索窓 end*/

.bnr {
  display: block;
  margin-top: 10px;
}
.bnr img {
  width: 100%;
}

.bnr_area {
  text-align: center;
  margin-top: 2em;
  margin-bottom: 2em;
}

.is-fixed .bnr,
.is-fixed .header_sarch {
  display: none;
}

.bnr_fukushima {
  background-color: #fff;
}

#nav-drawer .bnr_fukushima {
  background-color: transparent;
}
/*210225高木追加*/

.pc_none {
  display: none;
}

@media screen and (min-width: 995px) and (max-width: 1230px) {
  .h_inner {
    width: 96%;
  }
  .is-fixed h1.h_logo {
    width: 170px;
  }
  .is-fixed .h_inq img {
    height: 55px;
  }
  .is-fixed .gnav li a {
    font-size: 15px;
  }
}

#nav-drawer input {
  display: none;
}

#nav-open {
	display: none;
}

@media screen and (min-width: 200px) and (max-width: 995px) {
  .gnav {
    display: block;
  }
  .pc_none {
    display: block;
  }
  .sp_none {
    display: none;
  }
  /**ハンバーガーメニュー***************/
  #nav-drawer input {
    /*display:block;*/
  }
  /*アイコンのスペース*/
  #nav-open {
    display: inline-block;
    width: 25px;
    height: 22px;
    vertical-align: middle;
    padding: 10px;
    background: #182349;
  }

  /*ハンバーガーアイコンをCSSだけで表現*/
  #nav-drawer {
    z-index: 99;
    position: absolute;
    top: 15%;
    right: 2%;
  }
  #nav-open span,
  #nav-open span:before,
  #nav-open span:after {
    position: absolute;
    height: 3px; /*線の太さ*/
    width: 25px; /*長さ*/
    border-radius: 3px;
    background: #fff;
    display: block;
    content: "";
    cursor: pointer;
    transition: all 0.3s;
  }
  #nav-open span:before {
    bottom: -8px;
  }
  #nav-open span:after {
    bottom: -16px;
  }

  /*閉じる用の薄黒カバー*/
  #nav-close {
    display: none; /*はじめは隠しておく*/
    position: fixed;
    z-index: -2; /*メニューより下に表示*/
    top: 0; /*全体に広がるように*/
    left: 0;
    width: 100%;
    height: 100%;
    background: black;
    opacity: 0;
    transition: 0.3s ease-in-out;
  }

  /*中身*/
  #nav-content {
    padding: 3em 0;
    overflow: auto;
    position: fixed;
    top: 0;
    right: 0;
    z-index: -1; /*ハンバーガーメニューより後ろに*/
    width: 90%; /*右側に隙間を作る（閉じるカバーを表示）*/
    max-width: 300px; /*最大幅（調整してください）*/
    height: 100%;
    background: #182349; /*背景色*/
    transition: 0.3s ease-in-out; /*滑らかに表示*/
    /*-webkit-transform: translateX(-105%);
  transform: translateX(-105%);/*左に隠しておく*/
    -webkit-transform: translateX(105%);
    transform: translateX(105%); /*左に隠しておく*/
  }
  .nav_item a {
    display: block;
    padding: 8px 0;
    border-bottom: 1px solid #eee;
    text-decoration: none;
    color: #fff;
    text-align: center;
  }
  /*チェックが入ったらもろもろ表示*/
  #nav-input:checked ~ #nav-close {
    display: block; /*カバーを表示*/
    opacity: 0.5;
  }
  /*チェックボックス等は非表示に*/
  .nav-unshown {
    display: none;
  }
  .nav_tel {
    margin: 1em auto;
    width: 50%;
  }
  .nav_plan a {
    display: block;
    text-align: center;
    width: 80%;
    padding: 8px 0;
    margin: 0 auto;
    background: rgba(255, 255, 255, 0.8);
  }
  .nav_plan a:before {
    content: "\00bb";
    display: inline-block;
    margin: 0 5px 0 0;
  }

  /* メニューをクリックした際の挙動 */
  #nav-input:checked ~ #nav-open span {
    transform: rotate(45deg);
    margin-top: 10px;
  }
  #nav-input:checked ~ #nav-open span:before {
    display: none;
  }
  #nav-input:checked ~ #nav-open span:after {
    bottom: 0;
    transform: rotate(-90deg);
  }

  #nav-input:checked ~ #nav-content {
    -webkit-transform: translateX(0%);
    transform: translateX(0%); /*中身を表示（右へスライド）*/
    box-shadow: 6px 0 25px rgba(0, 0, 0, 0.15);
  }
  /**ハンバーガーメニュー終わり**********/

  /*210225高木追加*/
  .is-fixed .bnr,
  .is-fixed .header_sarch {
    display: block;
  }
  /*検索窓*/
  .header_sarch {
    margin: 20px 10px;
  }

  /*検索ボタン*/
  #search_489ban button {
    width: 100%;
    margin-left: 0;
  }

  /*検索窓 end*/
  #nav-content .bnr {
    margin-top: 20px;
    padding-right: 10px;
    padding-left: 10px;
  }
  /*バナー*/
  #nav-content {
    padding-top: 1em;
    padding-bottom: 1em;
  }

  .bnr_fukushima {
    margin-bottom: 2em;
  }

  #main .top_wifi {
    font-size: 14px;
    width: 100%;
    padding-left: 24px;
  }

	#main .top_wifi img {
		padding-bottom: 5px;
	}

  /*210225高木追加*/
}

/*sub_gnav*/
.spa-nav.sec {
  background: #ebeffd;
  padding: 0;
}
.sub_gnav {
  margin: 0 auto;
  max-width: 1100px;
  display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.sub_gnav li {
  flex-grow: 1;
}
.sub_gnav li a {
  display: block;
  padding: 15px 2px;
  font-size: 18px;
  text-align: center;
  font-weight: bold;
}
.sub_gnav li a:hover {
  background-color: #182349;
  color: #fff;
}
.sub_gnav li a span {
  display: block;
  font-size: 14px;
}
@media screen and (min-width: 300px) and (max-width: 850px) {
  .sub_gnav li a {
    font-size: 16px;
  }
  .sub_gnav li a span {
    display: none;
  }
}
@media screen and (min-width: 300px) and (max-width: 730px) {
  .sub_gnav {
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 300px) and (max-width: 480px) {
  .sub_gnav li a {
    font-size: 13px;
  }
}

/*sub_gnav固定位置*/
.spa-nav.is-fixed {
  top: 75px;
  border-bottom: solid 1px #ccc;
}
@media screen and (min-width: 995px) and (max-width: 1230px) {
  .spa-nav.is-fixed {
    top: 55px;
  }
}
@media screen and (min-width: 200px) and (max-width: 995px) {
  .spa-nav.is-fixed {
    top: 65px;
  }
}

/*共通*/

.sec {
  padding-bottom: 2em;
}
.sec .inner {
  margin: 0 auto;
  width: 85%;
  max-width: 1200px;
}
.sec .caption {
  color: #182349;
  font-size: 1.5rem;
  margin: 2em 0;
  padding: 1.5rem 2rem;
  border-left: 5px solid #182349;
}
.sec .caption h3 {
  margin: 0 0 2.75rem 0;
  font-size: 2rem;
}

/*section別*/
#sec01 #ranking_489ban {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  width: 85%;
  padding: 3rem 0 1.5rem;
  margin: 0 auto;
}

#sec01 #ranking_489ban .PlanView {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  /* justify-content: space-between; */
  -webkit-flex-direction: column;
  /* -webkit-justify-content: space-between; */
  max-width: 300px;
  width: 29.5%;
}

#sec01 #ranking_489ban .PlanView .rank_no {
  margin: 1rem auto;
  padding: 0.6rem;
  width: 25%;
  text-align: center;
  color: #fff;
}

#sec01 #ranking_489ban .PlanView .plan {
  margin: 0 0 10px;
  font-size: 16px;
  font-weight: bold;
  min-height: 60px;
}
#sec01 #ranking_489ban .PlanView .comment {
  font-size: 13px;
  line-height: 1.6;
}

#sec01 #ranking_489ban .PlanView .roomlist,
#sec01 #ranking_489ban .PlanView .planlist,
#sec01 #ranking_489ban .PlanView .pblist {
  margin: 10px 0;
}

#sec01 #ranking_489ban .PlanView .room_list_header,
#sec01 #ranking_489ban .PlanView .planlist_header,
#sec01 #ranking_489ban .PlanView .pblist_header {
  margin: 15px 0;
  font-weight: bold;
}

#sec01 #ranking_489ban .PlanView .roomlist a,
#sec01 #ranking_489ban .PlanView .planlist a,
#sec01 #ranking_489ban .PlanView .pblist a {
  display: block;
  margin: 10px 0;
  padding: 3px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  background: #ad0d23;
  border-radius: 5px;
}
#sec01 #ranking_489ban .PlanView .roomlist a:hover,
#sec01 #ranking_489ban .PlanView .planlist a:hover,
#sec01 #ranking_489ban .PlanView .pblist a:hover {
  color: #fff;
  font-weight: normal;
  text-decoration: none;
  background: #991a1a;
}
/* ランキング個別設定 */
#sec01 #ranking_489ban #rank_1 .rank_no {
  background: #987f55;
}
#sec01 #ranking_489ban #rank_2 .rank_no {
  background: #a0a0a0;
}
#sec01 #ranking_489ban #rank_3 .rank_no {
  background: #b77272;
}
#sec01 #ranking_489ban div[id^="rank_"] > div {
  margin: 0 auto;
  max-width: 300px;
}
/*一覧に飛ぶボタン*/
.to_more {
  margin: 2rem auto;
  text-align: center;
  padding: 1rem;
}
.to_more a {
  font-family: hannari;
  font-size: 1.5rem;
  display: inline-block;
  border-radius: 5px;
  background: #ededed;
  color: #991a1a;
  padding: 0.8rem 4rem 1rem;
}

#sec02 {
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(/top/img/bg_01.jpg);
  padding: 3em 0;
}
#sec02 h2 {
  margin-bottom: 4rem;
  font-size: 3rem;
}
#sec02 h2 span {
  font-size: 2rem;
  margin-right: 0.5rem;
}
#sec02 .sec02-txt {
  line-height: 2;
}
#sec06 ul.info_list {
  display: flex;
  flex-wrap: wrap;
  padding-top: 3rem;
}
#sec06 ul.info_list li {
  width: 22.75%;
  margin: 0 3% 10px 0;
}
#sec06 ul.info_list li:nth-child(4n) {
  margin: 0 0 10px 0;
}
#sec07 .row {
  padding: 4em 0 3em 0;
}
#sec07 h3 {
  margin-bottom: 2em;
  font-size: 1.75rem;
}

#sec-higaeri .inner,
#sec-higaeri01 .inner,
#sec-higaeri02 .inner {
  padding: 3rem 0 0 0;
}
.time_tbl {
  width: 100%;
  max-width: 700px;
  margin: 0 auto 2em;
  border-collapse: separate;
  border-spacing: 2px;
}
.time_tbl th,
.time_tbl td {
  padding: 0.8em 1em;
}
.time_tbl th {
  background: #e8e8e8;
  vertical-align: middle;
}
#sec-higaeri01 .time_tbl th ,
#sec-higaeri02 .time_tbl th{
  white-space: nowrap;
}
.time_tbl td {
  background: #f8f8f8;
}
.time_tbl p {
  margin: 0;
}

.time_tbl .price_list li,
.time_tbl .day_list li {
  display: inline-block;
  padding: 2px;
  margin: 0 1rem 5px 0;
}
.time_tbl .price_list li {
  font-weight: bold;
  font-size: 18px;
}
.time_tbl .day_list li span,
.time_tbl .price_list li span {
  font-size: 13px;
  width: 92px;
  text-align: right;
  display: inline-block;
  font-weight: normal;
  padding: 2px 5px;
  margin: 0 5px 0 0;
  border: solid 1px #ccc;
}
#sec-higaeri01 .text,
#sec-higaeri02 .text {
  width: 100%;
  max-width: 700px;
  margin: auto;
}
#sec-higaeri02 .text {
  text-align: center;
}
#sec-higaeri01 .text:not(:last-of-type),
#sec-higaeri02 .text:not(:last-of-type) {
  margin-bottom: 30px;
}
/*新着情報*/
.news {
  margin: 0 auto;
  padding: 3rem 0 1.5rem;
}
.news h2 {
  border-left: 5px solid #182349;
  color: #182349;
  margin: 1em 0 0.5em;
  padding: 0.5rem 1.5rem;
}
.newslist {
  padding: 1.5rem 1.5rem 0;
}
.news-title p {
  border-bottom: dotted 1px #182348;
  margin-bottom: 1em;
  padding-bottom: 5px;
}
.news-title p span {
  font-size: 1.2rem;
  margin-right: 2rem;
}
/*slider部分
*******************/
@keyframes slideLeft {
  0% {
    transform: translateX(-50px);
  }
  100% {
    transform: translateX(0);
  }
}

.swiper-slide-active .slide-img,
.swiper-slide-duplicate-active .slide-img,
.swiper-slide-prev .slide-img {
  animation: slideLeft 6s linear 0s 1 normal both;
  width: 105%;
}

/*imgタグだと下に隙間ができるのでblockに。*/
.slide-img img {
  display: block;
}

/*-- ページナビ 数字表示css --*/
.pagenavi {
  color: #2583ad;
  margin: 20px auto 20px;
  line-height: 2em;
  text-align: left;
  clear: both;
  text-align: center;
}

.pagenavi a {
  text-decoration: none;
}
.pagenavi a.page-numbers,
.pagenavi .current {
  color: #043e6a;
  padding: 7px 12px;
  border: solid 1px #043e6a;
  text-decoration: none;
  font-size: 12px;
}
.pagenavi a.page-numbers:hover {
  color: #fff;
  background: #328ab2;
}
.pagenavi .current {
  color: white;
  background: #328ab2;
  border-color: #328ab2;
  font-weight: bold;
}
/*--ページナビ end--*/

/*========pageのトップ画像========*/
.top-img img {
  width: 100%;
  height: inherit;
}

/*========main内共通========*/
#main .entry {
  padding-bottom: 4em;
}
#main .tbl01 {
  width: 100%;
  border-top: solid 1px #ccc;
  border-left: solid 1px #ccc;
  margin: 0 auto 2em;
}
#main .tbl01 th,
#main .tbl01 td {
  padding: 8px 12px;
  border-right: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
}

#main .tbl01 th {
  background: #f8f8f8;
}

/*========page共通========*/
#main.page .entry h1 {
  font-family: "Hannari";
  font-weight: 400;
  text-align: center;
  padding: 3rem 0;
  margin: 0;
}
#main.page h2 {
  padding: 2rem 0;
  margin: 0 0 2rem 0;
  font-size: 1.5rem;
  background-color: #fff9d3;
  text-align: center;
}
#main.page h3 {
  margin: 0 0 2rem 0;
}

#main.page h4 {
}
#main.page p {
  line-height: 1.5em;
  margin: 0 0 2rem 0;
}
/*pageトップ*/
#main.page .top-sec {
  padding: 2rem 0 4rem;
}
#main.page .top-sec .inner {
  width: 90%;
  max-width: 1400px;
  margin: 0 auto;
}
#main.page .top-sec p {
  font-family: "Hannari";
  font-size: 1.4rem;
  font-weight: 400;
  margin: 0;
  text-align: center;
}

/*狭めの枠*/
#main.page .box {
  width: 90%;
  max-width: 850px;
  padding: 1.5rem 2%;
  margin: 0 auto 2rem;
  background: #fff;
  border: solid 1px #ccc;
}
#main.page .box p {
  margin: 0.5em 0;
}

/*キャッチコピーエリア*/
#main.page .p_caption {
  color: #182349;
  margin: 0 0 1em 0;
  padding: 1rem 2rem;
  border-left: 5px solid #182349;
}
#main.page .p_caption h3 {
  margin: 0.5em 0;
}
#main.page .p_caption p {
  font-size: 16px;
  margin: 0.5em 0;
}
#main.page .p_caption p.note {
  font-size: 15px;
}
/*共通2カラム*/
#main.page .col2,
#main.index .col2 {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto 2rem;
}
#main.page .col2 .item,
#main.index .item {
  width: 48%;
  margin: 0 4% 2rem 0;
}
#main.page .col2 .item:nth-child(2n),
#main.index .col2 .item:nth-child(2n) {
  margin: 0 0 2rem 0;
}

/*共通3カラム*/
#main.page .col3 {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto 2rem;
}
#main.page .col3 .item {
  width: 31%;
  margin: 0 3.5% 2rem 0;
}
#main.page .col3 .item:nth-child(3n) {
  margin: 0 0 2rem 0;
}

/*共通4カラム*/
#main.page .col4 {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto 2rem;
}
#main.page .col4 .item {
  width: 22%;
  margin: 0 4% 2rem 0;
}
#main.page .col4 .item:nth-child(4n) {
  margin: 0 0 2rem 0;
}

/*共通5カラム*/
#main.page .col5 {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto 2rem;
}
#main.page .col5 .item {
  width: 18%;
  margin: 0 2.5% 2rem 0;
}
#main.page .col5 .item:nth-child(5n) {
  margin: 0 0 2rem 0;
}

/*ページに飛ぶボタン*/
.to_page {
  margin: 2rem auto;
  text-align: center;
  padding: 1rem;
}
.to_page a {
  font-family: hannari;
  font-size: 1.5rem;
  display: inline-block;
  border-radius: 5px;
  background: #ededed;
  color: #182349;
  padding: 0.8rem 4rem 1rem;
}
/*ページに飛ぶリストボタン*/
ul.btn {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  margin: 2rem auto;
}
ul.btn li {
  margin: 0 auto;
  text-align: center;
  padding: 1rem 0px;
}
ul.btn li a {
  font-family: hannari;
  font-size: 1.5rem;
  display: inline-block;
  border-radius: 5px;
  background: #ededed;
  color: #182349;
  padding: 0.8rem 4rem 1rem;
}
.box ul.btn {
  margin: 0 auto;
}

/*========page別========*/
/*温泉*/
#main.page .spa01 h3 {
  font-family: "Hannari";
  font-size: 1.6rem;
  font-weight: 400;
  margin: 0;
}
#main.page .spa01 h3 span {
  font-size: 1.3rem;
  display: block;
}
#main.page .spa01 .img-box {
  position: relative;
}
#main.page .spa01 .img-box a {
  display: block;
  text-align: center;
}
#main.page .spa01 .img-box span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: auto;
  padding: 0.5em 1em;
  background: rgba(24, 35, 73, 0.5);
  color: #fff;
  border: solid 1px #fff;
  display: inline-block;
  min-width: 120px;
}
#main.page .onsen-box01 p {
  font-size: 14px;
}
/*規約*/
.kiyaku {
  text-align: center;
  margin: 0 0 2rem 0;
}
.kiyaku img {
  border: solid 1px #ccc;
}
/*お部屋*/
#main.page .tbl_room th {
  min-width: 145px;
}
.shoukai {
  justify-content: center;
}
/*食事*/
#main.page .meal_shop .p_caption {
  min-height: 110px;
}
/*施設*/
#main.page .fac_room .p_caption {
  min-height: 110px;
}
/*アクセス*/
#main.index .p_caption {
  color: #182349;
  margin: 0 0 1em 0;
  padding: 1rem 2rem;
  border-left: 5px solid #182349;
}
/*地図*/
.index .map {
  /*position: relative;*/
  padding-bottom: 45.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  margin-bottom: 2em;
}
/*シングル記事一覧*/
.category_h {
  border-left: 5px solid #182349;
  color: #182349;
  font-size: 2rem;
  margin: 1em 0;
  padding: 0.5rem 1.5rem;
}
.article_area h3 {
  border-bottom: dotted 1px #ccc;
  font-size: 1.5rem;
  margin: 0 0 1.2rem 2rem;
  padding-bottom: 5px;
  font-weight: bold;
}
.article_area h3 span {
  font-size: 1.2rem;
  margin-right: 2rem;
}
/*シングル記事*/
#main.single h1 {
  font-family: "Hannari";
  font-weight: 400;
  color: #182348;
  margin: 2rem 0;
  text-align: center;
}
/*シングルページナビ*/
.page-navi {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: solid 1px #ccc;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
}
.page-navi .prev {
  margin-right: 2rem;
}

/*タブレットのみに*/
@media screen and (min-width: 200px) and (max-width: 995px) {
  #main.page .spa01 .img-box span {
    font-size: 12px;
    min-width: 100px;
    padding: 0.5rem 0;
  }
  #main.page .spa01 h3 {
    font-size: 1rem;
  }
  #main.page .spa01 h3 span {
    font-size: 0.8rem;
  }
  #main.page #tamagoyu .col2 .item,
  #main.page #tamagoyu .col2 .item:nth-child(2n),
  #main.page .spabox .col2 .item,
  #main.page .spabox .col2 .item:nth-child(2n) {
    width: 100%;
    margin: 0 auto;
  }
}

/*トップページgotoトラベルバナー*/
.goto-travel_sec {
  margin-bottom: 1.5em;
}
.goto-travel_sec .inner {
  text-align: center;
}

.f_nav--sns .title {
  font-weight: bold;
}
.f_nav--sns .body {
  display: flex;
}
.f_nav--sns .body > *:last-child {
  margin-right: 0;
}
.f_nav--sns .body > * {
  margin-right: 15px;
}
@media screen and (min-width: 550px) {
  .f_nav--sns {
    margin-bottom: 20px;
  }
}

/* 20211122温泉ページ変更 */
#main.page .onsen__item-wrap {
  flex: 1;
}
#main.page .onsen__item-wrap .col2 {
  margin-bottom: 0;
}
#main.page .onsen__item-wrap .col2 > *:last-child {
  margin-right: 0;
}
#main.page .onsen__item-wrap .item {
  width: calc((100% - 5%) / 2);
  margin: 0 5% 0 0;
}
#main.page .onsen__item-wrap .item:nth-child(2n) {
  margin: 0;
}

.onsen__item-wrap .text-wrap {
  display: flex;
  justify-content: center;
}
#main.page .spa01 .onsen__item-wrap .text-wrap h3 span.hosoku {
  display: inline-block;
  font-size: 0.8em;
}

#main.page .col5.tenkei {
  margin-bottom: 0;
}

#main .tuikaryouri img {
  margin-bottom: 5px;
}
#main .tuikaryouri .price {
  display: block;
  text-align: right;
  margin-top: 5px;
}
.text-right {
  text-align: right;
}
#main.page .note-text {
  font-size: 0.95em;
  margin-bottom: 10px;
}

#main.page p.menu-title {
  /* margin-bottom: 0.8rem; */
  /* min-height: 3.3em; */
  line-height: 1.1em;
}

/*20240521追加*/
#main.page .entry .col4 .item {
  display: flex;
  flex-direction: column;
}
#main.page p.menu-title {
  margin-bottom: auto;
  padding-bottom: 0.8rem;
}
/*20240521追加ここまで*/

#sougei {
  margin-bottom: 40px;
}
#sougei .img-wrap {
  display: flex;
  gap: 20px;
}
/* #sougei .img-wrap img{
  width:50%;
} */
#main.index .top_sougei #sougei {
  padding-top: 3rem;
  width: 100%;
}
.top_sougei #sougei .img-wrap img {
  width: unset;
}

/* .top_sougei .top_title{margin-bottom: 5em;} */
@media screen and (max-width: 729px) {
  #sougei .img-wrap {
    flex-direction: column;
  }
  #sougei .img-wrap img {
    width: 100%;
  }
}
#main.page #sougei p {
  margin: 0 0 1rem 0;
}
#main.page #sougei .p_caption {
  margin: 0 0 1rem 0;
  padding: 1rem 0 1rem 1.5rem;
}
.sougei-time {
  display: flex;
  align-items: flex-start;
  gap: 40px 60px;
  line-height: 1.6;
}
.sougei-time li:first-child {
  position: relative;
}
/* 230608
.sougei-time li:first-child::after{
  content:'➝';
  display:block;
  position:absolute;
  top:50%;
  right:0;
  transform:translate(48px, -50%);
  font-size:28px;
}*/

@media screen and (max-width: 729px) {
  .sougei-time {
    flex-direction: column;
  }
  .sougei-time li:first-child::after {
    content: "↓";
    top: auto;
    left: 50%;
    bottom: 0;
    right: auto;
    transform: translate(-50%, 46px);
    font-size: 32px;
  }
}

/* 20240123追加 */
.font_120 {
  font-size: 120%;
}
.swiper-container .font_img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
/* 20240123追加 ここまで*/


.d-flex {
	display: flex;
}

.justify-content-center {
	justify-content: center;
}

.w-100 {
	width: 100%;
}

.h-auto {
	height: auto;
}

.d-none {
	display: none !important;
}

@media (min-width: 992px) {
	.d-lg-none {
		display: none !important;
	}
	.d-lg-block {
		display: block !important;
	}
}

@media (min-width: 768px) {
	.d-md-none {
		display: none !important;
	}
	.d-md-inline {
		display: inline !important;
	}
	.d-md-block {
		display: block !important;
	}
}

.py-220px {
	padding-top: 220px !important;
	padding-bottom: 220px !important;
}

.mt-50px {
	margin-top: 50px;
}

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