@charset "UTF-8";
/* CSS Document */

body {
	background-color: #fefefe;
	height: 100%;
	font-family: source-han-sans-japanese, sans-serif;
	font-weight: 300;
	font-style: normal;
}

body a {
    color: #4e3a41;
}

p {
	line-height: 1.8;
}

.bg-yh {
	background-color: #efefef;
}

.bg-yh02 {
	background-color:rgba(230,230,230,1);
}

.bg-yh03 {
	background-color:rgba(119,92,77,1);
	color: #fff;
}

.bg-yh03 a {
	color: yellow;
}



a.bg-yh:hover, a.bg-yh:focus,
button.bg-hj:hover,
button.bg-hj:focus {
	background-color: #fff;
}

.navbar .navbar-expand-lg {
	padding: 10 0;
	color: #fff;
}


.navbar .container {
	padding : 0rem;
}

.navbar-brand:hover, .navbar-brand:focus {
  text-decoration: none;
}

.navbar-brand img {
    width: 160px;
	text-align: left
}

.navbar .navbar-brand {
  color: #fff;
}

.navbar .navbar-brand:hover, .navbar .navbar-brand:focus {
  color: #fff;
}

.navbar .navbar-nav .nav-link {
  color: #000;
  font-size: 0.9rem;
}

.navbar .navbar-nav .nav-link:hover, .navbar .navbar-nav .nav-link:focus {
  color: rgba(0, 0, 0, 0.75);
  font-size: 0.9rem;
}

.navbar .navbar-nav .nav-link.disabled {
  color: rgba(0, 0, 0, 0.25);
  font-size: 0.9rem;
}

.navbar .navbar-nav .show > .nav-link,
.navbar .navbar-nav .active > .nav-link,
.navbar .navbar-nav .nav-link.show,
.navbar .navbar-nav .nav-link.active {
  color: #fff;
}



.navbar .navbar-toggler {
  color: rgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 0.3);
}

.navbar .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar .navbar-text {
  color: rgba(0, 0, 0, 0.5);
}

.navbar .navbar-text a {
  color: #000;
}

.navbar .navbar-text a:hover, .navbar .navbar-text a:focus {
  color: #fff;
}

.navbar-nav li {
	padding: 0 0.8rem;
}



@media (max-width: 576px) {
	.navbar-brand img {
		text-align: right;
	}

}

.oneleft {
	padding-left: 1.0rem;
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}

.icon {
  width: 3%;
}

@media (max-width: 576px) {
  .icon {
      width: 8%;
  }
}

.pc {
  display: block;
}

.sp {
  display: none;
}

@media (max-width: 750px) {
  .pc {
      display: none;
  }
  
  .sp {
      display: block;
  }
}

.w-90 {
  width: 90%;
  margin: 0 auto;
}

.w-60 {
  width: 60%;
  margin: 0 auto;
}

.w-110 {
  width: 110%;
  margin: 0 auto;
}

.w-120 {
  width: 120%;
  margin: 0 auto;
}

h-100 {
	height: 100%;
}

.btn {
	line-height: 1.8;
}



.jumbotron-acm {
  height: auto;
  padding: 0rem 1rem;
  margin-bottom: 2rem;
  background-size: cover;
  background-position: center center;
  border-radius: 0.3rem;
}

.jumbotron-acm .textarea {
  padding: 0.6rem 1rem 0.02rem;
  background: rgba(0,0,0,0.3);
  margin-top: 9.5rem;
  color: #fff;
}

.jumbotron-acm .textarea h2 {
  font-family: bebas-neue-pro, sans-serif;
  font-weight: 400;
  font-style: normal;
  text-shadow: 0.2rem 0.2rem 0.4rem black;
}

.jumbotron-acm .textarea p {
  text-shadow: 0.1rem 0.1rem 0.2rem black;
  line-height: 1.4;
}

@media (min-width: 576px) {
  .jumbotron-acm {
    padding: 0rem 2rem;
  }
}

@media (max-width: 576px) {
  .carousel-item img {
    height: 30rem;
    object-fit: cover;
  }
  .jumbotron-acm img {
    height: 30rem;
    object-fit: cover;
  }
    .card img {
        height: 30rem;
        object-fit: cover;
        margin-bottom: 2rem;
    }
}

.image {
  width: 100%;
}

.image img {
  width: 100%;
  object-fit: cover;
}


@media (max-width: 576px) {
  .image {
      width: 100%;
  }
.image img {
  width: 100%;
  height: 300px;
  margin: 0 auto;
  padding: 0;
      object-fit: cover;
}
}

.lead-box {
	padding: 5.0rem;
}

.lead-box h3 {
    line-height: 1.6;
}

.text-sm {
	font-size: 1.0rem;
}

.text-md {
	font-size: 1.4rem;
}

.card {
    position: relative;
}

.card .textarea {
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    margin: 0;
    padding: 10px;
    width: 80%;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    background:rgba(0,0,0,0.4);
}


.roomimg a {
    cursor: zoom-in;
}


.card .textarea .title {
    font-size: 1.6rem;
    line-height: 1.4;
    color: #fff;
    text-shadow: 1px 1px 2px #410007;
    font-weight: 500;
}

.card .textarea .title-sub {
    font-size: 1.3rem;
    line-height: 1.4;
    color: #fff;
    text-shadow: 1px 1px 2px #410007;
}

.card .textarea .title-sub2 {
    font-size: 0.8rem;
    color: #fff;

    font-weight: normal;
}

.title {
    font-family: trajan-pro-3, serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.8rem;
}

footer {
    font-size: 0.8rem;
    width: 100%;
}

footer a {
    color: #fff;
    text-decoration: underline;
}

#wrapper {
    width: 100%;
    position:relative;
    min-height: 100%;
}


input.title {
  width: 70%;
}

.container {
    padding-bottom: 100px;
}

.lead {
    text-align: center;
    background-color: #eee;
    padding: 1rem;
}

.lead p {
    font-size: 1rem;
}

.lead strong {
    font-size: 1.4rem;
}

@media (max-width: 576px) {
    .lead strong {
    font-size: 0.9rem;
}
}

.slider img {
    object-fit: cover;
}

.slider img.coverPosition {
    object-position: 100% 50%;
}

#page-top {
    position: fixed;
    bottom: 0;
    right: 20px;
    font-size: 80%;
	z-index: 999;
}
 
#page-top a {
    display: block;
    background: #eee;
    color: #666;
    width: 100px;
    padding: 15px 0;
    text-align: center;
    text-decoration: none;
    border-radius: 10px;
}
 
#page-top a:hover {
    background: #999;
    text-decoration: none;
}

@media screen and (max-width: 560px) {
    #page-top {
    position: fixed;
    bottom: 45px;
    right: 0;
    font-size: 80%;
	z-index: 999;
}
}

dl dt {
    padding-left: 1.6rem;
    font-weight: normal;
    margin-bottom: 1.2rem;
}

dl dd {
    padding-left: 3.2rem;
    margin-bottom: 1.5rem;
}

.title {
	margin: auto 0;
}

h3 {
	line-height: 1.8;
}

h5 {
	line-height: 1.8;
}

/* ------------------------------------------------- *
 *        masonry
 * ------------------------------------------------- */
 #content {
	  margin: 10px auto;
	  padding: 0;
	 text-align: center;
}
 #content .item {
	  width: 100%;
	  margin: 20px 0 0 0;
	  padding: 0;
	  display: inline-block;
}
 #content .item img {
	  width: 100%;
	  max-width: 100%;
	  height: auto;
	  margin: 0;
}
@media (min-width: 767px) {
  #content .item {
		width: 330px;
		margin: 20px 20px 0 10px;
}
}
@media (min-width: 992px) {
  #content .item {
		width: 340px;
		margin: 20px 20px 0 10px;
  }
}

.about-hotel {
	width: 100%;
}



.img-fluid {
	max-width: 100%;
	height: auto;
}

.service img {
	width: 100vw;
}

@media (max-width: 576px) {
  .service img {
	height: 30vw;
}
}

.text-ssm {
	font-size: 0.8rem;
}

.center-img {
	display: block;
	margin: 0 auto;
}

.facility-box img {
	max-width: 100%;
	height: auto;
}

.layout img {
	max-width: 100%;
	height: auto;
}

.text-red {
    color: darkred;
}


.carousel-control-next, .carousel-control-prev {
  width: 5%;
}

#toco {
    position: fixed;
    bottom: 10%;
    right: 0;
    z-index: 99;
  }
  
#toco a {
    display: inline-flex;
    background-color: cornsilk;
    color: #000;
    width: 40px;
    padding: 20px 4px;
    text-decoration: none;
    border-radius: 4px;
    font-size: 1.1rem;
  }
.vertical {
    display: inline-flex;
    writing-mode: vertical-rl;
    line-height: 22px;
    padding-left: 5px;
  }

#toco ion-icon {
    padding-bottom: 5px;
}

@media screen and (max-width: 576px) {
    #toco {
    position: fixed;
    bottom: 120px;
    right: 0;
    z-index: 99;
  }
}

.breadcrumb {
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: #fff
}

.breadcrumb li {
  display: inline;/*横に並ぶように*/
  list-style: none;
  font-weight: normal;
}

.breadcrumb li:after {/* ▶を表示*/
  font-family: FontAwesome;
  content: '\f0da';
  padding: 0 0.6em;
  color: silver;
}

.breadcrumb li:last-child:after {
  content: '';
}

.breadcrumb li a {
  text-decoration: none;
  color: #888;
}

.breadcrumb li:first-child a:before {
  /*家アイコン*/
  font-family: FontAwesome;
  content: '\f015';
  font-weight: normal;
  font-size: 1.0em;
  color: #aaa;
  padding-left: 0.6em;
}

.breadcrumb li a:hover {
  text-decoration: underline;
}


.notfound {
    text-align: center;
}
.notfound img {
    margin: 0 auto;
}
.notfound_title {
	font-family: bebas-neue-pro, sans-serif;
	font-size: 8rem;
	color: crimson;
	padding: 0;
	margin: 0;
}
.notfound_txt {
	font-size: 1.2rem;
    font-weight: lighter;
}

.notfound_txt a {
	text-decoration: underline;
    color: blue;
}

.pc {
  display: block;
}

.sp {
  display: none;
}

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

  .pc {
      display: none;
  }
  .sp {
      max-width: 100%;
      display: block;
  }
}

.reservebtn {
    margin: 0;
    padding: 0;
    list-style: none;
}

.reservebtn li {
    display: inline;
    list-style: none;
    padding: 0 0.4rem 0.4rem;
}

.reservebtn li i {
    padding-right: 0.3rem;
}

@media screen and (max-width: 576px) {
    .reservebtn li {
    display: block;
    list-style: none;
    padding: 0 0.4rem 0.4rem;
    }
}

.btn-stayreserve {
    background: #4e3a41;
    color: yellow;
    border: 1px solid #000;
}

.btn-stayreserve:hover, .btn-stayreserve:focus, 
.btn-stayreserve:active, .btn-stayreserve:active:focus, .btn-stayreserve:active:hover, .btn-stayreserve:active.focus,
.btn-stayreserve.active, .btn-stayreserve.active:focus, .btn-stayreserve.active:hover, .btn-stayreserve.active.focus,
.open > .dropdown-toggle.btn-stayreserve, 
.open > .dropdown-toggle.btn-stayreserve.focus,
.btn-stayreserve.disabled:hover, .btn-stayreserve[disabled]:hover, fieldset[disabled] .btn-stayreserve:hover,
.btn-stayreserve.disabled:focus, .btn-stayreserve[disabled]:focus, fieldset[disabled] .btn-stayreserve:focus,
.btn-stayreserve.disabled.focus, .btn-stayreserve[disabled].focus, fieldset[disabled] .btn-stayreserve.focus {
    background: #8b0000;
    color: #fff;
}

.btn-facility {
    color: #000;
    border: 1px solid #000;
}

.btn-facility:hover, .btn-facility:focus, 
.btn-facility:active, .btn-facility:active:focus, .btn-facilityactive:hover, .btn-facility:active.focus,
.btn-facility.active, .btn-facility.active:focus, .btn-facility.active:hover, .btn-facility.active.focus,
.open > .dropdown-toggle.btn-facility, 
.open > .dropdown-toggle.btn-facility.focus,
.btn-facility.disabled:hover, .btn-facility[disabled]:hover, fieldset[disabled] .btn-facility:hover,
.btn-facility.disabled:focus, .btn-facility[disabled]:focus, fieldset[disabled] .btn-facility:focus,
.btn-facility.disabled.focus, .btn-facility[disabled].focus, fieldset[disabled] .btn-facility.focus {
    background: #eee;
    color: #fff;
}

.roomoutline a {
    text-decoration: none;
    color: #000;
}