/******************************************************************
Theme Name: Ryokan_warm
Author: yadoken
Author URI: https://www.yadoken.net/
Version: 1.7
License: WTFPL

******************************************************************/

/*MV高さ*/

.pagettl_bg .op_inner {
	height: 500px !important;
}

.caution {
	font-size: 14px;
}

/* TOP */
.greeting-img li .img-wrap {
position: relative;
    width: 100%;
    padding-top: 100%;
    overflow: hidden;
}
.greeting-img li .img-wrap img{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.greeting-img li:nth-child(1) .img-wrap img{
	border-radius: 50% 50% 43% 57% / 53% 41% 59% 47%;
}
.greeting-img li:nth-child(2) .img-wrap img{
	border-radius: 50% 50% 47% 53% / 42% 46% 54% 58%;
}
@media print,screen and (max-width: 1160px) {
	.greeting-img {
		display:flex;
		margin-top: 45px;
		max-width: 720px;
		margin-left:auto;
		margin-right:auto;
	}
	.greeting-img li {
	    width: 50%;
}
.greeting-img li:nth-child(2) {
	   padding-left:30px;
	margin-top: 25vw;
}
}
@media print,screen and (min-width: 1161px){
.greeting-img li{
position:absolute;
}
.greeting-img li:nth-child(1) {
	top:-190px;
	left:0;
	    width: 22%;
}
.greeting-img li:nth-child(2) {
	top:0;
	right:0;
	    width: 18%;
}
}
.biz_hotel .txt{
	position:relative;
	text-align:center;
}
@media print,screen and (max-width: 767.9px) {
	.biz_hotel{
		padding-top:60px;
		padding-bottom:50px;
	}
}

@media print,screen and (min-width: 768px) {
	.biz_hotel{
		padding-top:100px;
		padding-bottom:50px;
	}
	.j-hiroma .txt {
	text-align:center;
}
}
/* 客室 */
  .data-tbl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	  max-width: 400px;
	  margin-top: 35px;
	  margin-bottom: 35px;
  }

  .data-tbl dt,
  .data-tbl dd {
	  padding: 12px 15px;
	  font-size: 14px;
  }
    .data-tbl dt {
      padding-right: 12px;
    }
  .data-tbl dt {
	  width:26%;
    border-bottom: 2px solid #A5A5A5;
  }

  .data-tbl dt:last-of-type {
    border-bottom: 2px solid #A5A5A5;
  }

  .data-tbl dd {
	  width:74%;
    border-bottom: 1px dotted #B9B9B9;
  }

  .data-tbl dd:last-of-type {
    border-bottom: 1px dotted #B9B9B9;
  }
@media print,screen and (max-width: 960px) {
	.data-tbl{
		margin-left:auto;
		margin-right:auto;
	}
}
/* ページ内リンクカードタイプ */
.img-link {
  display: flex;
  justify-content: center;
}

.img-link li {
  width: calc((100% - 40px) / 3);
}

.img-link li:not(:last-of-type) {
  margin-right: 20px;
}

.img-link li a {
  display: block;
  position: relative;
  line-height: 0;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}

.img-link li a:before {
  background: rgba(0, 0, 0, 0.4);
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}

.img-link li a h4 {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  margin: -31px 0 0 0;
  text-align: center;
  line-height: 1.4em;
}

.img-link li a h4 .name_ttl {
  font-size: 100%;
  color: #fff;
  text-shadow: 2px 2px 18px #060001;
}

.under_line {
  width: 25px;
  height: 1px;
}

.phonetic {
  font-size: 12px;
  display: block;
  margin-top: -8px;
}

.img-link li a:after {
  content: "";
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  display: block;
  margin: 10px 0 0 10px;
  border: 1px solid #fff;
  position: absolute;
  top: 0;
  left: 0;
}

.img-link li a:hover {
  opacity: 1;
}

.img-link li a:hover:before {
  background: rgba(0, 0, 0, 0.1);
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}

@media print, screen and (max-width: 767px) {
  .img-link li a:after {
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    margin: 5px 0 0 5px;
  }

  .under_line,
  .phonetic {
    display: none;
  }

  .img-link li a h4 {
    margin: 0;
    line-height: 0;
  }

  .img-link li a h4 .name_ttl {
    font-size: 70%;
    letter-spacing: 0;
  }
}
.bath_page-link{
	max-width:800px;
	margin-left:auto;
	margin-right:auto;
} 
/* -- 館内設備 --
--------------------------------------------------------------　*/
.page-id-1933 .c_inner{
	padding-bottom:0;
}
.com-facilities{
	background-image: url(assets/images/color/be/bg2.png);
	background-repeat: repeat;
    background-position: 50% 50%;
	padding-top: 110px;
	padding-bottom: 110px;
	position:relative;
}
.com-facilities:before {
  content: "";
  display: block;
  position: absolute;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
	background-image: url(assets/images/color/be/dot04.png);
}

@media print, screen and (max-width: 960px) {
  .com-facilities:before {
    width: 116px;
    height: 153px;
    top: -52px;
    left: 0;
  }
}

@media print, screen and (min-width: 961px) {
  .com-facilities:before {
    width: 177px;
    height: 235px;
    top: -80px;
    left: 10%;
  }
}
.com-facilities__bg{
	background-color:#fff;
	padding:20px;
	border-radius: 14px;
}
.com-facilities__supplies{
	margin-bottom:40px;
}
.com-facilities__supplies ul{
display:flex;
	flex-wrap:wrap;
}
.com-facilities__supplies ul li:not(:last-of-type){
	margin-right:30px;
}
.com-facilities__am{
	display:flex;
	flex-wrap:wrap;
}
.com-facilities__am .com-facilities__bg{
	width:calc((100% - 40px) / 2);
}
.com-facilities__am .com-facilities__bg:nth-child(even){
	margin-left:40px;
}
.com-facilities__am .com-facilities__bg:nth-child(n+3){
	margin-top:40px;
}
.com-facilities .p_tag h3{
	display: block;
    border-bottom: solid 1px #ccc;
    margin-bottom: 15px;
}
.com-facilities__am ul li,
.com-facilities__supplies ul li{
	line-height:2.2;
}
/*よくある指定*/

.t_cen {
	text-align: center;
}
.mb20 {
margin-bottom: 20px;
}
.mb40 {
margin-bottom: 20px;
}
@media print, screen and (max-width: 767.9px) {
.fs16 {
	font-size: 16px;
}
}

/*スライダー矢印非表示
@media print, screen and (max-width: 767.9px) {
.slick-arrow {
	display: none !important;
}
}*/

/*「スライドカルーセル+テキストエリア」の画像高さ調整
@media print, screen and (max-width: 767.9px) {
.airbath .slick-slide img {
    display: block;
    width: 100%;
    height: 300px;
    object-fit: cover;
}
}*/

/*改行調整*/
	 .other_view span {
		display: inline-block;
}
span.other_v  {
		display: inline-block;
}
@media only screen and (max-width: 767.9px) {
.pagettl_bg .op_inner {
    height: 400px !important;
}
}
/*下層外部リンクボタン調整*/

.txt_imgarea .link_url a, .slidethumb_txt .link_url a {
	background-color: #e6a05a;
	color: #fff !important;
	display: block;
	width: 50%;
	text-align: center;
	border-radius: 14px;
	font-size: 18px;
	font-family: "Noto Serif JP", serif;
	padding: 6px;
}
@media only screen and (max-width: 767.9px) {
	.txt_imgarea .link_url a, .slidethumb_txt .link_url a {
	width: 100%;
}
}
.access main .ttl_access .top_h2 {
display:none;
}

@media print, screen and (max-width: 960px){
.header_plan-top{
display: none;
}
}
@media print, screen and (min-width: 961px) {
.header_plan-top{
width: 100%;
	margin-top:7px;
}
.header_plan-top >div{
width: 240px;
margin-left: auto;
}
.header_plan-top a {
color: #b37d3c;
background-color: #fff;
}
.header_plan-top a {
display: block;
width: 100%;
text-align: center;
border-radius: 14px;
font-size: 18px;
font-family: "Noto Serif JP", serif;
padding: 6px;
}

.header_plan-top a span {
font-size: 14px;
font-family: "CrimsonText-Roman";
display: block;
}
}
/*施設様FB対応*/

.search_form .bestrate p.ttl {
	display: none;
}