/* -----------------------------------------------------------
	plus top
----------------------------------------------------------- */
.rr-logo {
  text-decoration: none
}
.rr-logo img {
  max-height: 40px
}
#information .card_topimg img {
  object-fit: contain
}
.rr_container {
  max-width: 1400px
}
.hntxt {
  margin: 0.5rem;
  font-family: a-otf-ryumin-pr6n, serif
}
.hidden {
  display: none
}
.pc-none {
  display: none;
}
.sp-none {
  display: block;
}
@media (max-width: 766px) {
.sp-none {
  display: none;
}
.pc-none {
  display: block;
}
}
/* -----------------------------------------------------------.rr_flexsw2-1 > *
	main
----------------------------------------------------------- */
.main_bgimg01 {
  background-image: url(/upload/tenant_1/fukuoka_himitsu01.jpg);
  min-height: 100vh;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center
}
.main_contents {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  z-index: 2;
  max-width: 1200px;
  margin: 0 auto
}
.main_bgimg {
  min-height: 100vh;
  height: 100%
}
.main_container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  z-index: 2
}
.main_container ul.uk-slideshow-items {
  height: 100vh
}
.main_bgimg01 .main_logo {
  width: 80%;
  text-align: center;
  margin: 25vh auto 2vh
}
.main_bgimg01 .main_text {
  text-align: center;
  color: rgba(255, 255, 255, 1.00);
  font-size: 1.5rem;
  margin: 0 auto 2vh
}
/* -----------------------------------------------------------
	slide
----------------------------------------------------------- */
.slidedotnav:after {
  content: "";
  display: block;
  width: 120px;
  height: 2.5rem;
  background-color: rgba(255, 255, 255, 1);
  z-index: 2;
  position: absolute;
  bottom: -0.3rem;
  -webkit-transform: scaleY(1.3) perspective(.6em) rotateX(5deg);
  transform: scaleY(1.3) perspective(.6em) rotateX(5deg)
}
.slidedotnav ul {
  position: absolute;
  bottom: 0;
  color: rgba(0, 0, 0, 1.00);
  width: 120px;
  margin: 0 auto;
  z-index: 10
}
/* -----------------------------------------------------------
	content
----------------------------------------------------------- */
.rr_container {
  box-sizing: border-box;
  max-width: 1400px;
  margin: 0 auto 1rem;
  padding: 0 2rem
}
a.txtdecon:hover {
  text-decoration: none;
  color: #5C6A83
}
@media (min-width: 768px) {
  .rr_container {
    padding: 0
  }
}
@media (max-width: 767px) {
  .rr_container {
    margin: 0 auto 2rem;
    padding: 0 0.5rem
  }
}
/* -----------------------------------------------------------
	logo
----------------------------------------------------------- */
#ad-header .rr-logo > img {
  max-height: 40px
}
/**/
.tagetno {
  color: rgb(255, 0, 0) !important;
  border: none !important;
  display: inline !important
}
/*slidedot修正*/
.slidnav {
  position: static !important;
  margin: 20px !important
}
.bnr section {
  display: flex;
  justify-content: center
}
span.brpc {
  display: block
}
@media (max-width: 767px) {
  span.br {
    display: block
  }
}
/**/
.dtli {
  width: 100%
}
.dtli .flexli {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0;
  list-style-type: none
}
.dtli .flexli li {
  padding: 5px;
  border: 2px solid #eac388;
  border-radius: 50%;
  width: 6em;
  height: 6em;
  text-align: center;
  margin: 0.2em;
  display: table
}
.dtli .flexli li span {
  display: table-cell;
  vertical-align: middle
}
/* -----------------------------------------------------------
	breadcrumb
----------------------------------------------------------- */
@media (max-width: 767px) {
  .uk-breadcrumb > * {
    flex: auto
  }
  .uk-breadcrumb h1 .br {
    display: inherit
  }
  .uk-breadcrumb h1.w80 {
    width: 80%;
    margin: 0
  }
}
.header-breadcrumb2 .uk-breadcrumb h1 {
  margin: 0;
  font-size: 0.7rem;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, "メイリオ", Meiryo, Verdana, sans-serif
}
/* -----------------------------------------------------------
	search_form
----------------------------------------------------------- */
#lnk_rr p, #lnk_rr ul {
  margin: 0
}
#lnk_rr a {
  text-decoration: none
}
button {
  cursor: pointer
}
.wrp {
  max-width: 1500px;
  width: 95%;
  align-items: baseline;
  display: flex;
  flex-wrap: wrap;
  justify-content: center
}
.box_hotelName .inner {
  position: relative;
  width: 100%
}
.wrp .box_form .box_hotelName .inner select {
  position: absolute;
  width: 100%;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  line-height: 46px;
  letter-spacing: .05em;
  opacity: 0;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}
.wrp .box_form .box_hotelName .inner .data_txt {
  color: #666666;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-height: 1;
  line-height: 46px;
  padding-left: 1.5em;
  padding-right: 5em;
  background: url(/upload/tenant_1/form_arrow.png) center right 2em no-repeat;
  margin: 0
}
.box_form {
  display: flex;
  color: rgba(27, 27, 27, 1.00);
  justify-content: center;
  align-items: center;
  flex-wrap: wrap
}
.box_form .box_hotelName {
  width: calc(35% - 3%);
  background: #fff;
  border-radius: 3px;
  position: relative;
  margin-right: 3%;
  box-sizing: border-box
}
.box_form .reserve_form {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: center;
  width: 65%
}
.box_form .box_day, .box_form .box_per, .box_form .rrHaku, .box_form, .rrHaku .box_sta {
  margin-right: 1em
}
.rrHaku {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: center
}
.box_other {
  width: 100%;
  margin-top: 0.5em
}
.box_other ul {
  list-style: none
}
.box_other ul li {
  margin-right: 1em
}
.box_other .res-link {
  display: flex;
  flex-wrap: wrap
}
.box_day input, .box_form .box_per select, .box_form .box_day select, .rrHaku select {
  line-height: 46px;
  margin: 0;
  margin-top: 0.5em;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 0;
  outline: none;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 3px;
  background: url(/upload/tenant_1/form_arrow.png) #fff center right 2em no-repeat
}
.wrp .box_form .box_per select, .wrp .box_form .rrHaku select {
  width: 5em;
  height: 46px;
  padding-left: 1em
}
.box_day input {
  padding-left: 1em
}
.btnSearch {
  display: flex;
  justify-content: space-between;
  width: 35%
}
.wrp .box_form .btnSearch .btn_search {
  border: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: rgba(6, 41, 152, 1.00);
  color: #fff;
  height: 46px;
  border-radius: 3px;
  width: 45%;
  margin: auto
}
.btnSearch .btn_site {
  border: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #000;
  color: #fff;
  height: 46px;
  border-radius: 3px;
  width: 45%;
  margin: auto
}
@media only screen and (min-width: 1025px) {
  .box_form {
    width: 70%
  }
}
@media only screen and (max-width: 1025px) {
  .box_form {
    width: 100%
  }
}
@media only screen and (max-width: 767px) {
  .box_form .box_hotelName, .box_form #obj_search, .box_form .box_day, .box_form .btnSearch {
    width: 100%;
    margin-bottom: 1em
  }
  .box_per, .box_sta, .box_roo {
    width: calc(100% / 3 - 1em)
  }
}
/* -----------------------------------------------------------
	privacy_policy
----------------------------------------------------------- */
ul.pp_rr li {
  list-style: none
}
/*aqua room*/
.bg3a {
  background: #3A4861
}
.bg3a .text-ce {
  color: #eee
}
.bg3a .slide_abg a {
  border-color: rgba(238, 238, 238, 0.9);
  background-color: transparent
}
.bg3a .slide_abg a :focus, .bg3a .slide_abg a :hover, .bg3a .slide_abg .uk-active a {
  border-color: transparent;
  background-color: rgba(238, 238, 238, 0.9)
}
/* -----------------------------------------------------------
	banner
----------------------------------------------------------- */
.rr_banner10 {
  width: 100%;
  max-width: 800px;
  margin: 0 auto 1rem
}
.rr_banner10 img {
  margin: 1rem auto
}
/* -----------------------------------------------------------
	#color
----------------------------------------------------------- */
.ro-txt_r3 {
  color: rgb(204, 0, 0)
}
.clflf p, .clfls p {
  margin: 0 0 1em;
  text-align: center
}
@media (min-width: 768px) {
  .clfl .clflf, .clfl .clfls {
    width: 48%
  }
}
/* -----------------------------------------------------------
	#flex
----------------------------------------------------------- */
.rr_flex_box {
  display: flex;
  justify-content: center
}
.rr_flex {
  display: flex;
  flex-wrap: wrap
}
.rr_juscontc {
  justify-content: center
}
.rr_juscontfs {
  justify-content: flex-start
}
.rr_jusconte {
  justify-content: end
}
.rr_alitemc {
  align-items: center
}
.rr_flex1-2 > * {
  width: 50%
}
.rr_flex1-4 > * {
  width: 25%
}
.rr_flex2-3 {
  width: calc(100%/3 *2 - 2%)
}
.rr_flex1-3 {
  width: calc(100%/3 - 2%)
}
.aligni_base {
  align-items: baseline
}
[class*='rr_flexs'] {
  display: flex;
  flex-wrap: wrap
}
[class*='rr_flexs'] > li {
  list-style: none;
  margin: 1em
}
.rr_flexsw {
  display: flex;
  flex-wrap: wrap
}
.rr_flexsw2-1 > * {
  width: 45%;
}
.rr_flexsw3-1 > * {
  width: 30%;
}
.rr_flexsw4-1 > * {
  width: 22%;
}
.rr_flexsw4-1 li {
  margin: 2em 3em
}
.rr_flexsw4-1 > * {
  width: 22%
}
.rr_flexsw5-2 > * {
  width: 37%;
}
.rr_flexsw5-3 > * {
  width: 56%;
}
.rr_flexsw4-3 aside {
  width: 20%
}
.rr_flexsw4-3:nth-child(2) {
  width: 70%
}
[class*='rr_flexs'] > li.mar0 {
  margin: 0
}
[class*='rr_flexs'] > li.flexdire {
  display: flex;
  flex-direction: column
}
[class*='rr_flexs'] > li.flexdire .rr_card {
  display: flex;
  flex-direction: column
}
[class*='rr_flexs'] > li.flexdire .rr_card .uk-card-body {
  display: flex;
  flex-direction: column;
  flex-grow: 1
}
[class*='rr_flexs'] > li.flexdire .rr_card .uk-card-body h3 {
  flex-grow: 1
}
[class*='rr_flexs'] > li.flexdire .rr_card .first_colum {
  order: -1
}
.rr_flexs_169_3 {
  margin: 2rem auto 3rem;
  justify-content: center
}
.rr_flexs_169_3 div[class*='flexlist'] {
  max-width: 352px;
  margin: 0 1rem 3rem;
  height: auto;
  align-items: stretch;
  display: flex
}
.rr_flexs_169_3 li img {
  aspect-ratio: 16 / 9;
  object-fit: cover
}
.lisecond22 [class*='flexlist']:nth-child(3n+2) {
  margin: 0 22px 3rem
}
[class*='rr_flexs'] .rr_cardbox {
  display: flex;
  flex-direction: column
}
[class*='rr_flexs'] .rr_cardtext {
  flex-grow: 1
}
.flex_discol {
  flex-direction: column
}
@media (min-width: 768px) {
  [class*='rr_flexs'] > [class*='pcw33'] {
    width: 33%
  }
}
@media (max-width: 767px) {
  ul[class*='rr_flexs'] {
    padding-left: 0
  }
  [class*='rr_flexs'] {
    display: block
  }
  [class*='rr_flexs'] > * {
    width: 95%;
    margin: 0 auto 1em
  }
  .rr_flexsw4-1 li {
    margin: 0 0 2em;
    width: 100%
  }
  .flex_dir {
    flex-direction: column;
    display: flex
  }
  .spflex_juscon_start {
    justify-content: flex-start
  }
}
/* -----------------------------------------------------------
	SNS追加
----------------------------------------------------------- */
.sns_fix {
  position: fixed;
  right: 0;
  bottom: 50%;
  z-index: 100
}
.sns_fix ul {
  list-style-type: none;
  width: 100px;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: flex-start
}
.sns_fix ul li {
  width: 80px;
  height: 80px;
  box-sizing: border-box;
  border: 2px solid rgb(58, 72, 97);
  padding: 18px;
  font-size: 0;
  border-radius: 15px 0 10px 0;
  box-shadow: 5px 5px 5px rgb(58 72 97)
}
.sns_fix ul li img {
  width: 34px;
  height: 34px
}
.sns_fix ul li:first-child {
  box-shadow: 5px 0 5px rgb(58 72 97)
}
@media (max-width:767px) {
  .sns_fix {
    bottom: 50%
  }
  .sns_fix ul {
    width: 70px
  }
  .sns_fix ul li {
    width: 60px;
    height: 60px;
    padding: 13px
  }
}
.sns_fix02 {
  position: fixed;
  right: 0;
  bottom: 40px;
  z-index: 100
}
.sns_fix02 ul {
  list-style-type: none;
  width: 100px;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: flex-start
}
.sns_fix02 ul li {
  width: 80px;
  height: 80px;
  box-sizing: border-box;
  border: 2px solid rgb(58, 72, 97);
  padding: 18px;
  font-size: 0;
  border-radius: 15px 0 10px 0;
  box-shadow: 5px 5px 5px rgb(58 72 97)
}
.sns_fix02 ul li img {
  width: 34px;
  height: 34px
}
.sns_fix02 ul li:first-child {
  box-shadow: 5px 0 5px rgb(58 72 97)
}
.sns_fix03 ul {
  list-style-type: none
}
@media (min-width:768px) {
  .sns_fix03 {
    position: fixed;
    transform: translateZ(0);
    right: 0;
    top: 25vh;
    z-index: 100
  }
  .sns_fix03 li {
    margin: 0.3rem 0
  }
  .sns_fix03 ul li img {
    width: 34px;
    height: 34px
  }
}
@media (max-width:767px) {
  .sns_fix02 {
    bottom: 80px
  }
  .sns_fix02 ul {
    width: 70px
  }
  .sns_fix02 ul li {
    width: 60px;
    height: 60px;
    padding: 13px
  }
  .sns_fix03 ul {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0
  }
  .sns_fix03 ul li {
    margin: 0 1rem;
    width: 50px
  }
}
/* -----------------------------------------------------------
	#slideshow
----------------------------------------------------------- */
.rr_slideshow .rr_cover {
  left: 100%;
  top: 100%
}
.uk-slideshow-items picture img {
  width: 100%
}
.uk-slideshow-items picture.picture img {
  position: absolute;
  bottom: 25%
}
/* -----------------------------------------------------------
	#card
----------------------------------------------------------- */
.rr_card {
  box-shadow: 0 5px 15px rgb(0 0 0 / 8%);
  background: #fff;
  color: rgba(0, 0, 0, 1.00);
  box-sizing: border-box;
  transition: box-shadow 0.1s ease-in-out
}
.rr_card_hover:hover {
  box-shadow: 0 14px 25px rgb(0 0 0 / 16%)
}
.rr_card_body {
  padding: 1.5rem
}
.rr_card_title {
  color: rgba(51, 51, 51, 1.00)
}
[class*='rr_flexs'] > li .rr_card_body {
  flex-grow: 1
}
/* -----------------------------------------------------------
	#boxshadow
----------------------------------------------------------- */
.rr_boxshadow {
  box-shadow: 0 5px 15px rgb(0 0 0 /8%)
}
/* -----------------------------------------------------------
	#title
----------------------------------------------------------- */
.h2_title01 {
  text-align: center;
  color: #000;
  line-height: 1.4;
  position: relative;
  padding: 10px;
  margin: 0 auto 2em;
  font-size: 2rem
}
.h2_title01:before, .h2_title01:after {
  position: absolute;
  content: '';
}
.h2_title01:after {
  top: 0;
  left: 0;
  width: 45px;
  height: 45px;
  border-top: 4px solid #000000;
  border-left: 4px solid #000000
}
.h2_title01:before {
  right: 0;
  bottom: 0;
  width: 45px;
  height: 45px;
  border-right: 4px solid #000000;
  border-bottom: 4px solid #000000
}
.h2_title01 > * {
  -webkit-box-reflect: below -10px -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.4));
}
.h2_title_merio02 {
  font-family: 'メイリオ', Meiryo, sans-serif;
  margin-bottom: 30px;
  padding-left: 5px;
  font-size: 26px;
  font-weight: bold
}
/* -----------------------------------------------------------
	#subnav bfh
----------------------------------------------------------- */
.uk-subnav li.bfh a {
  color: rgb(255 0 0);
  font-weight: bold;
  text-transform: none
}
/* -----------------------------------------------------------
	tel bfh
----------------------------------------------------------- */
.tel_btn {
  display: inline-block;
  color: #fff;
  background-color: #035BD3;
  padding: 1rem 2rem;
  border-radius: 5%;
  font-weight: bold;
  font-size: 2rem
}
a.tel_btn:hover {
  text-decoration: none
}
/* -----------------------------------------------------------
	#blog
----------------------------------------------------------- */
#blogcontent {
  width: 85%;
  margin: 0 auto 2rem
}
aside.leftmenu {
  width: 12%;
  height: 100%;
  margin: 2.5rem auto;
  border: 1px solid rgba(0, 22, 156, 1.00);
  font-size: 0.8rem
}
aside.leftmenu h2 {
  background: rgba(212, 245, 245, 1.00);
  text-align: center;
  padding: 1em 0.5em;
  font-size: 1rem
}
aside.leftmenu .blogarchive {
  padding: 1rem
}
#blogcontent .blog {
  width: 80%
}
[data-element-id] .leftmenu .leftmenuin {
  display: block
}
.leftmenu .leftmenuin {
  display: none
}
[class*="トピックス"].leftmenu [class*="トピックス"].leftmenuin {
  display: block
}
[class*="ブログ"].leftmenu [class*="ブログ"].leftmenuin {
  display: block
}
[class*="ON"].leftmenu [class*="ON"].leftmenuin {
  display: block
}
[data-element-id] .blogarchive .blogarchivein {
  display: block;
}
.blogarchive .blogarchivein {
  display: none;
}
[class*="日本語"].blogarchive [class*="日本語"].blogarchivein {
  display: block;
}
[class*="英語"].blogarchive [class*="英語"].blogarchivein {
  display: block;
}
[class*="繁体"].blogarchive [class*="繁体"].blogarchivein {
  display: block;
}
[class*="韓国語"].blogarchive [class*="韓国語"].blogarchivein {
  display: block;
}
[class*="簡体"].blogarchive [class*="簡体"].blogarchivein {
  display: block;
}
[class*="ON"].blogarchive [class*="ON"].blogarchivein {
  display: block;
}
@media (max-width: 767px) {
  #blogcontent .blog {
    width: 95%
  }
  aside.leftmenu {
    width: 95%;
    padding: 0.5rem
  }
  aside.leftmenu ul {
    padding: 0.5em;
    margin: 0.5em auto
  }
  .blogarchive {
    display: flex;
    justify-content: center;
    flex-wrap: wrap
  }
  aside.leftmenu ul li {
    list-style: none
  }
}
/* -----------------------------------------------------------
	#access_info
----------------------------------------------------------- */
.access_info {
  display: table;
  padding: 0 3% 0 0
}
.access_info .access_row {
  border-bottom: 1px solid rgba(191, 191, 191, 1.00)
}
.access_info .access_row:first-child {
  border-top: 1px solid rgba(191, 191, 191, 1.00)
}
.access_info .access_row ul {
  margin: 0;
  table-layout: fixed;
  display: table;
  width: 95%
}
.access_info .access_row ul li {
  list-style: none;
  margin: 0;
  display: table-cell;
  width: 65%;
  padding: 2%
}
.access_row ul li:first-child {
  width: 30%
}
@media (max-width: 767px) {
  .access_info {
    padding: 0
  }
  .access_row ul li:first-child {
    white-space: nowrap
  }
}
/* -----------------------------------------------------------
	table
----------------------------------------------------------- */
.uk-table-divider tr.nobordertop {
  border-top: none
}
.uk-table .noborderbottom th, .uk-table .noborderbottom td {
  border-bottom: none
}
/* -----------------------------------------------------------
	#pcnone spnone
----------------------------------------------------------- */
.pcno, .sponly {
  display: none
}
@media (max-width: 767px) {
  .spno, .pconly {
    display: none
  }
  .pcno, .sponly {
    display: block
  }
}
/*バナー art*/
@media (min-width: 768px) {
  .pcbnr {
    padding: 0 1em;
    width: calc(100%/2);
    box-sizing: border-box
  }
  .pcbnr1-3 {
    padding: 0 1em;
    width: calc(100%/3);
    box-sizing: border-box
  }
}
@media (max-width: 767px) {
  .bnr section {
    display: block;
    justify-content: center
  }
  .smpbnr {
    padding: 1em;
    width: calc(100%);
    box-sizing: border-box
  }
}
/* -----------------------------------------------------------
	#video
----------------------------------------------------------- */
.video video {
  width: 560px;
  height: 100%;
  margin: 0 auto;
  color: #fff
}
.spvideo {
  display: none
}
@media (max-width: 767px) {
  .spvideo {
    display: block
  }
}
/* -----------------------------------------------------------
	#ニアミー
----------------------------------------------------------- */
.nm-txt p {
  border-bottom: 1px solid;
  padding: 10px 0;
  text-align: center;
  margin: 0 auto;
  width: 80%
}
.nm-txt p:first-child {
  border-top: 1px solid
}
/* -----------------------------------------------------------
	#footer
----------------------------------------------------------- */
.footerarea_title {
  color: rgba(255, 255, 255, 1.00)
}
#hotelsfooter_link .rr_flexsw3-1 > div {
  margin: 0 auto
}
#hotelsfooter_link .footerarea_hotel ul li {
  list-style: none
}
#hotelsfooter_link .footerarea_hotel li a {
  text-decoration: none;
  color: #eee;
  letter-spacing: 0.03rem;
  font-size: 1.05rem
}
[data-element-id] #sp_bottombar {
  display: block;
  position: relative !important;
  transform: none
}
uk-iconnav > * > a {
  display: block;
  color: #999
}
.rr-slideshow {
  width: calc(100% - 8%);
  margin: 0 auto
}
footer #companyfooter .uk-subnav li a {
  color: rgba(238, 238, 238, 0.9)
}
footer #companyfooter ul.uk-flex-center {
  align-items: center
}
/*スマホのフッターメニュー sp_bottombar*/
#spbottom {
  background: rgba(0, 0, 0, 1.00)
}
#sp_bottombar {
  padding: 5px 0 3px 5px;
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.2);
  background-color: rgba(0, 0, 0, 0.9)
}
#sp_bottombar .uk-iconnav > * {
  padding-left: 4px
}
#sp_bottombar .uk-iconnav > li {
  margin-bottom: 0;
  line-height: 1.4
}
#sp_bottombar .uk-iconnav > li i {
  width: 50px
}
#sp_bottombar .uk-iconnav > li small {
  font-size: 0.56rem;
  width: 60px
}
@media (max-width: 767px) {
  #hotelsfooter_link .footerarea_hotel ul li {
    line-height: 1.8rem;
    font-size: 1rem;
    letter-spacing: 0.05rem
  }
  #sp_bottombar {
    z-index: 100
  }
}
/* 緊急ニュース */
.ex-news a {
  background: #fff;
  display: block;
  width: 500px;
  margin: 20px auto 0;
  padding: 5px 10px 10px;
  text-align: center;
  border: 2px solid;
}
.ex-news a:hover {
  text-decoration: none;
}
.ex-news a h4 {
  font-size: 35px;
  font-weight: 600;
  margin-bottom: 0;
  color: red;
}
.ex-news a p {
  font-size: 20px;
  margin: 0;
  line-height: 1.3;
  font-weight: 600;
}
@media (max-width: 766px) {
  .ex-news a {
    width: 95%;
  }
}
/* 2025/03/05 */
.information-detail-container {
  display: flex;
  justify-content: space-between;
  padding-left: 40px;
  padding-right: 40px;
  font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", "HiraMinProN-W3", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", Georgia, serif;
}
.list-archive-ttl {
  text-align: center;
  font-size: 1.5em;
  padding: 2em 0;
}
.information-detail-container .information-detail-archive {
  width: 20%;
}
.information-detail-container .uk-container {
  width: 75%;
}
.list-archive dt {
  cursor: pointer;
  background: rgba(30, 30, 30, 0.5);
  padding: 0.5em;
  color: #fff;
  text-align: center;
  position: relative;
}
.list-archive dt:after {
  font-family: FontAwesome;
  content: "\f078";
  transition: 0.3s linear;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1em;
}
.list-archive dt.open:after {
  transform: translateY(-50%) rotate(180deg);
}
.list-archive dd {
  border-right: 1px solid rgba(30, 30, 30, 0.5);
  border-bottom: 1px solid rgba(30, 30, 30, 0.5);
  border-left: 1px solid rgba(30, 30, 30, 0.5);
}
.list-archive dd a {
  display: block;
  padding: 0.5em;
  transition: linear 0.3s;
}
.list-archive dd a:hover {
  text-decoration: none;
  color: #000;
  font-weight: bold;
}
@media(max-width:599px) {
  .information-detail-container {
    flex-wrap: wrap;
  }
  .information-detail-container .information-detail-archive {
    width: 100%;
    margin-bottom: 50px;
  }
  .information-detail-container .uk-container {
    width: 100%;
  }
}
footer .hotel_bnr .bnr_img {
  margin: 0 auto
}
footer .hotel_bnr .bnr_img a:hover {
  opacity: .7;
  transition: opacity .2s;
}
/* .information-detail-archive {
  display: none;
} */