.bl__btn a,
.bl__btn a:focus,
.bl__btn a:hover,
.bl__btnBrown a,
.bl__btnBrown a:focus,
.bl__btnBrown a:hover {
  color: inherit;
  text-decoration: none
}
.bl__btn--blue,
h1,
h2,
h3,
h4 {
  font-weight: 400
}
.about .bl__hero::after,
.about .footer::before,
.access .bl__hero::after,
.access .footer::before,
.dinner .bl__hero::after,
.dinner .footer::before,
.room .bl__hero::after,
.room .footer::before {
  content: "";
  display: block;
  width: 100%;
  height: 20px
}
.el__clr1 {
  color: #0071a6
}
.el__clr2 {
  color: #229f73
}
.el__clr3 {
  color: #e1801e
}
.el__clr4 {
  color: #df2778
}
.bl__hero,
.index .un__indexFeature--top {
  position: relative
}
.bl__hero__inner,
.index .bl__logo,
.index .un__indexFeature--top .un__indexBtn,
.thumbnail-img img {
  position: absolute
}
.bl__hero__inner {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.about .un__explain,
.bl__btn,
.bl__btnBrown {
  text-align: center
}
.bl__btn a,
.bl__btnBrown a {
  display: inline-block;
  border: 1px solid #4d4136;
  padding: .5em 4em
}
.bl__btn--blue {
  color: #fff!important;
  background: #a6890e;
  border-radius: 30px;
  border: none!important
}
.bl__btnBrown a {
  color: #fff;
  border: none;
  background: #806239
}
.bl__btnBrown a:focus,
.bl__btnBrown a:hover {
  color: #fff
}
@media screen and (min-width:1025px) {
  body {
    width: 100%;
    margin-left: auto;
    margin-right: auto
  }
  .bl__hero__bg img {
    width: 100%
  }
  .bl__hero__inner div {
    max-width: 35%;
    margin-top: 46px
  }
  .bl__header {
    padding-right: 46px;
    padding-left: 46px
  }
  .index .un__bgLayer {
    position: relative;
    padding-top: 20px
  }
  .index .un__bgLayer__back {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 550px;
    background: -webkit-gradient(linear,left top,right top,from(rgba(0,156,216,.5)),to(rgba(19,139,152,.5)));
    background: linear-gradient(90deg,rgba(0,156,216,.5) 0,rgba(19,139,152,.5) 100%)
  }
  .index .un__bgLayer__front {
    position: absolute;
    top: 20px;
    right: 0;
    width: 50%;
    height: 550px;
    background: #fff
  }
  .index .un__bgLayer__txt {
    width: 1024px;
    margin-right: auto;
    margin-left: auto;
    position: relative
  }
  .index .un__bgLayer__txt::before {
    content: "";
    display: block;
    width: 135px;
    height: 1158px;
    background: url(/img/shimokoshiki-weekly/index/weekly-hotel.png) no-repeat;
    position: absolute;
    top: 550px;
    left: -135px
  }
  .index .un__bgLayer__inner,
  .index .un__indexFeature {
    position: relative
  }
  .index .bl__logo {
    left: 46px
  }
  .index h2 {
    font-size: 3rem
  }
  .index .un__indexFeature .un__indexBtn {
    position: absolute
  }
  .index .un__indexFeature .un__indexBtn--1 {
    bottom: 130px;
    left: 80px
  }
  .index .un__indexFeature .un__indexBtn--2 {
    bottom: 17px;
    right: 122px;
    padding-top: calc(15px * .3);
    padding-bottom: calc(15px * .3);
    background: #fff
  }
  .index .un__indexFeature .un__indexBtn--3 {
    bottom: 0;
    left: 90px
  }
  .index .un__indexFeature .un__indexBtn--5 {
    bottom: 17px;
    right: 100px;
    padding-top: calc(15px * .3);
    padding-bottom: calc(15px * .3);
    background: #fff
  }
}
.footer {
  padding-bottom: 0!important
}
.index .bl__logo {
  margin: 0;
  z-index: 1;
  top: calc(46px * .5)
}
.access h1,
.index h2,
.room h1 {
  letter-spacing: .1em
}
.index .footer::before {
  content: "";
  display: block;
  width: 100%;
  height: 20px;
  background: -webkit-gradient(linear,left top,right top,from(rgba(0,156,216,.5)),to(rgba(19,139,152,.5)));
  background: linear-gradient(90deg,rgba(0,156,216,.5) 0,rgba(19,139,152,.5) 100%)
}
.index .un__indexFeature--top .un__indexBtn--4 {
  bottom: 10%;
  left: 50%;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%)
}
@media screen and (min-width:576px) and (max-width:1024px) {
  .bl__hero__bg img {
    height: 450px
  }
  .bl__hero__inner {
    margin-top: 46px
  }
  .bl__hero__inner img {
    -o-object-fit: contain;
    object-fit: contain;
    width: 380px;
    height: 180px
  }
  .bl__header {
    padding-right: 4%;
    padding-left: 4%
  }
  .index .bl__logo img {
    width: 220px;
    height: 60px
  }
}
.about .bl__hero::after,
.about .footer::before {
  background: #e1801e;
  background: -webkit-gradient(linear,left top,right top,from(#e1801e),to(#e6d821));
  background: linear-gradient(90deg,#e1801e 0,#e6d821 100%)
}
.about .un__explain__ttl {
  display: inline-block;
  background: #fff;
  font-weight: 400;
  padding-right: 1em;
  padding-left: 1em
}
.about .un__explain__box {
  border: 1px solid #e1801e
}
.about .un__explain__box p {
  text-align: left
}
.about .bl__border-box {
  border: 1px solid red
}
@media screen and (min-width:1025px) {
  .about .un__explain__box {
    border-radius: 50px;
    padding: 3em 6em
  }
  .room h1 {
    font-size: 3rem
  }
}
@media screen and (min-width:576px) {
  .bl__header__nav__item a,
  .bl__header__nav__item a:focus,
  .bl__header__nav__item a:hover {
    text-decoration: none;
    color: #fff
  }
  .bl__header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
  }
  .bl__header__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: calc(46px * .5)
  }
  .bl__header__nav__item {
    padding-left: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
  .bl__header__nav__item::after {
    content: "";
    display: block;
    width: 2px;
    height: 15px;
    background: #fff;
    margin-left: 15px
  }
  .bl__header__nav__item:last-child::after {
    content: none
  }
  .bl__header__nav__item a {
    font-size: 2rem;
    letter-spacing: .1em
  }
  .bl__header__spNav {
    display: none
  }
  .about .un__explain__box {
    margin-top: -2.3em
  }
}
@media screen and (max-width:1024px) {
  .bl__hero__bg img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
  }
  .bl__btn,
  .bl__btnBrown {
    margin-top: 15px
  }
  .index .bl__logo {
    left: 4%
  }
  .index .bl__logo img {
    -o-object-fit: contain;
    object-fit: contain
  }
  .about .un__explain__box {
    border-radius: 15px;
    padding: 2em
  }
}
.room .bl__hero::after,
.room .footer::before {
  background: #c3ca21;
  background: -webkit-gradient(linear,left top,right top,from(#c3ca21),to(#9cd3e1));
  background: linear-gradient(90deg,#c3ca21 0,#9cd3e1 100%)
}
.room__slider__item img {
  display: block;
  padding-right: 2px;
  padding-left: 2px
}
.room__slider .slick-arrow {
  width: 60px;
  height: 60px;
  background: #000;
  z-index: 1
}
.room__slider .slick-arrow:focus,
.room__slider .slick-arrow:hover {
  background: rgba(0,0,0,.6)
}
.room__slider .slick-arrow::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff
}
.room__slider .slick-prev {
  left: -80px
}
.room__slider .slick-prev::before {
  -webkit-transform: translateX(25px) rotate(-135deg);
  transform: translateX(25px) rotate(-135deg)
}
.room__slider .slick-next {
  right: -80px
}
.room__slider .slick-next::before {
  -webkit-transform: translateX(15px) rotate(45deg);
  transform: translateX(15px) rotate(45deg)
}
.access .bl__hero::after,
.access .footer::before {
  background: #009cd8;
  background: -webkit-gradient(linear,left top,right top,from(#009cd8),to(#138b98));
  background: linear-gradient(90deg,#009cd8 0,#138b98 100%)
}
@media screen and (min-width:1025px) {
  .access h1 {
    font-size: 3rem
  }
}
@media screen and (max-width:575px) {
  .bl__hero__bg img {
    height: 320px
  }
  .bl__hero__inner {
    margin-top: calc(46px * .6);
    margin-left: calc(15px * .6)
  }
  .bl__hero__inner img {
    -o-object-fit: contain;
    object-fit: contain;
    width: 280px;
    height: 120px
  }
  .bl__btn--blue {
    padding: .5em 1.5em!important
  }
  h1,
  h2,
  h3,
  h4 {
    font-size: 1.8rem
  }
  .bl__header__gNav__item a,
  .bl__header__gNav__item a:focus,
  .bl__header__gNav__item a:hover {
    color: inherit;
    text-decoration: none
  }
  .bl__header__close,
  .bl__header__hum {
    font-size: 3rem;
    right: 4%;
    color: #4d4136
  }
  .bl__header__nav {
    display: none
  }
  .bl__header__hum {
    position: absolute;
    top: calc(15px * .5);
    z-index: 1
  }
  .bl__header__gNav {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(156,211,225,.95);
    background: linear-gradient(135deg,rgba(156,211,225,.95) 0,rgba(177,223,211,.95) 100%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
  .bl__header__gNav.hide {
    z-index: -10;
    opacity: 0
  }
  .bl__header__gNav.show {
    z-index: 9999;
    opacity: 1
  }
  .bl__header__gNav__item {
    margin-top: calc(15px * 3.5);
    margin-bottom: calc(15px * 3.5);
    text-align: center
  }
  .bl__header__gNav__item a {
    font-size: 2.5rem;
    letter-spacing: .3em
  }
  .bl__header__close {
    position: absolute;
    top: calc(15px * .5)
  }
  .dinner .ly__con-padding,
  .index .ly__con-padding__sp-none {
    padding-right: 0;
    padding-left: 0
  }
  .index .un__indexFeature--top .un__indexBtn--4 {
    bottom: 5%
  }
  .index .bl__logo {
    top: 15px
  }
  .index .bl__logo img {
    width: 180px;
    height: 45px
  }
  .about .un__explain__box {
    margin-top: -2em
  }
  .room__slider .slick-arrow {
    width: 30px;
    height: 30px
  }
  .room__slider .slick-arrow::before {
    width: 10px;
    height: 10px
  }
  .room__slider .slick-prev {
    left: -4%
  }
  .room__slider .slick-prev::before {
    -webkit-transform: translateX(13px) rotate(-135deg);
    transform: translateX(13px) rotate(-135deg)
  }
  .room__slider .slick-next {
    right: -4%
  }
  .room__slider .slick-next::before {
    -webkit-transform: translateX(7px) rotate(45deg);
    transform: translateX(7px) rotate(45deg)
  }
}
.dinner .bl__hero::after {
  background: #e1801e;
  background: -webkit-gradient(linear,left top,right top,from(#fefba9),to(#df2778));
  background: linear-gradient(90deg,#fefba9 0,#df2778 100%)
}
.dinner .footer::before {
  background: #009cd8;
  background: -webkit-gradient(linear,left top,right top,from(#fefba9),to(#df2778));
  background: linear-gradient(90deg,#fefba9 0,#df2778 100%)
}
.thumbnail-img {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}