/* ==========================================================================
Global Styles
========================================================================== */
html {
    font-size: 62.5%
}
body{
    font-family: sans-serif;
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", 'メイリオ',Meiryo, serif;
    font-weight: 500;
	font-size: 1.6rem;
}
.f-min{
	font-family: "A1明朝" , "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: bold;
}
.group:after {
    content: "";
    display: table;
    clear: both;
}
a {
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
    -webkit-transition-property: color, border-color, background-color;
    transition-property: color, border-color, background-color;
}
.nopadding {
    margin: 0 !important;
    padding: 0 !important;
}
p {
}
p a {
    color: #432c0b;
    border-radius: 3px;
}
a{
    color: #432c0b;
}
a:hover, a:focus {
    color: #7eb99b;
    background-color: none;
    text-decoration: none;
}
.text a{
    text-decoration: underline;
    padding: 2px 4px;
}
.text a:hover, .text a:focus {
    color: #fff;
    background-color: #4c2e0b;
    text-decoration: none;
    border-radius: 4px;
    padding: 2px 4px;
}
.text-v{
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}

a img:hover{
	opacity: 0.7;
}
ul{
	list-style: none;
	padding: 0;
}
ol{
	padding-inline-start: 1.5rem;
}

dl{
	border-bottom:1px solid #a29370;
	margin-bottom: 1em;

}
dt{
	float: left;
	width: 30%;
	padding:10px 1em 10px 1.5em;
	border-top:1px solid #a29370;
}
dd{
	margin: 0;
	padding:10px 1em 10px 1.5em;
	border-top:1px solid #a29370;
	overflow: hidden;
	background: #fff;
}

table{
	margin: 0 10px;
}
th, td{
	border-collapse: collapse;
	border:1px solid #000;
	padding:5px 3px;
	text-align: center;
}
.no-cell{
	background: #dde2ea;
	border: none;
}
img{
	width: 100%;
	height: auto;
}

/* ==========================================================================
btn
========================================================================== */
.btn {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	border-radius: 0;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	border: 1px #432c0b solid;
	background: #432c0b;
	margin-bottom: 10px;
	color: #fff;
	font-size: 1.6rem;
	padding: 0;
}
.btn a{
	padding: 15px 45px ;
	color: #fff;
	display: block;
	font-size: 1.6rem;
}

.btn:hover, .btn:active, .btn:focus {
  box-shadow: none !important;
  outline: none !important;
  background: #cad996 ;
  border: 1px #cad996 solid;
  color: #432c0b ;
}

.btn:hover a, .btn:active a, .btn:focus a{
	 color: #432c0b;
}

.btn-pink {
  background: #d83768;
  border: 1px solid #d83768;
  font-size: 16px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.btn-pink a{
	color: #fff ;
}
.btn-pink:hover, .btn-pink:focus, .btn-pink:active {
  box-shadow: none;
  background: #fff;
  border: 1px #d83768 solid;
}

.btn-pink:hover a, .btn-pink:focus a, .btn-pink:active a {
  color: #d83768 ;
}


.btn-outline {
  background: #fff;
  border: 1px solid #432c0b;
  font-size: 16px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.btn-outline a{
	color: #432c0b ;
}
.btn-outline:hover, .btn-outline:focus, .btn-outline:active {
  box-shadow: none;
  background: #432c0b;
  border: 1px #432c0b solid;
}

.btn-outline:hover a, .btn-outline:focus a, .btn-outline:active a {
  color: #fff ;
}

.no-link{
	padding: 15px 45px ;
	display: block;
	font-size: 1.6rem;
	color: #432c0b ;
}
.no-link:hover{
  background: #432c0b;
  border: 1px solid #432c0b;
}

/* ==========================================================================
Navigation
========================================================================== */
.header{
	position: relative;
	height: 450px;
}
.nav-wrapper{
	width: 100%;
	z-index: 999;
	background: url('./../img/header-bg.png') repeat-x top left;
	background-size: 500px 65px;
}
.logo{
	float: left;
	margin: 0 0 0 5%;
	padding: 0;
}
.logo a{
	width: 234px;
	height: 100px;
	background: #fff url('./../img/logo-header.png') no-repeat center center;
	background-size: 171px 64px;
	display: block;
	border-radius: 0;
}
.navbar{
	float: right;
	padding-right: 100px;
}
nav ul {
	width: 100%;
	position: relative;
	margin: 0;
	padding:14px 0 0;
}
nav ul::after {
	display: block;
	clear: both;
	content: '';
}
nav li{
	position: relative;
	font-size: 18px;
	font-weight: bold;
	float: left;
	display: block;
}
.nav-link,
.nav-book{
  writing-mode: tb-rl;
  writing-mode: vertical-rl; 
  -webkit-writing-mode: vertical-rl;
  height: 8em;
}
nav li a{
	padding: 8px;
	color:rgba(255,255,255,1);
}
nav li a:hover,
nav li a:focus{
	color:rgba(216,55,104,1);
	background: #fff;
}
/*.navbar-nav*/

nav li.nav-link{
	padding: 5px 12px;
}
nav li.nav-book,
nav li.nav-en{
	margin: 0 0 0 30px;
}
.nav-book a{
	background: #d83768;
	color: #fff;
	padding: 15px 14px 30px;
	display: inline-block;
}
.nav-book a:hover{
	color:#d83768!important;
	background:#fff;
}
.nav-en {
	position: absolute;
	top:20px;
	right: 10px;
}
.nav-en a{
	font-family: sans-serif;
	width: 60px;
	height: 60px;
	font-size: 14px;
	font-weight: normal;
	border: 1px solid #fff;
	border-radius: 0;
	color: #fff;
	padding: 19px 0 17px;
	display: block;
	text-align: center;
	display: inline-block;
}
.nav-en a:hover{
	color:#d83768;
	background:#fff;
}

.nav .open>a, .nav .open>a:hover, .nav .open>a:focus{
	background: #e9e7d9;
}
.nav-toggle {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1030;
    padding: 25px 45px 30px 9px;
    cursor: pointer;
    background: #432c0b;
}
.nav-toggle:focus {
    outline: none;
}
.nav-toggle span, .nav-toggle span:before, .nav-toggle span:after {
    content: '';
    position: absolute;
    display: block;
    width: 36px;
    height: 4px;
    border-radius: 1px;
    background: #fff;
    cursor: pointer;
}
.nav-toggle span:before {
    top: -10px
}
.nav-toggle span:after {
    bottom: -10px
}
.nav-toggle span, .nav-toggle span:before, .nav-toggle span:after {
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.nav-toggle.active span {
    background-color: transparent
}
.nav-toggle.active span:before, .nav-toggle.active span:after {
    top: 0
}
.nav-toggle.active span:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.nav-toggle.active span:after {
    top: 10px;
    -webkit-transform: translateY(-10px) rotate(-45deg);
    -ms-transform: translateY(-10px) rotate(-45deg);
    transform: translateY(-10px) rotate(-45deg);
}
.navicon {
    position: absolute;
    top:0;
    right:0;
    height: 26px;
	display: none;
}
.navicon p {
    margin: 24px 14px 0 0;
    font-size: 12px;
}
.navicon-fixed {
    position: fixed;
    top: 59px;
    right: 143px;
}
.nav-hide{
	display: none!important;
}

.nav-sp{
	display: none;
}

/* ==========================================================================
main
========================================================================== */
.wrapper{
	position: relative;
	background: url('./../img/page-ttl-mask.png') repeat-x center top;
	background-size: 200px 300px;
}
.main{
	position: relative;
}
.main .page-head{
	width: 100%;
	text-align: center;
	padding-top: 200px;
	margin-top: -200px;
}
.main  h1.page-ttl{
	margin: -80px 0 0 0;
	color:#4d3004;
	text-shadow: 0 0 3px rgba(255, 255, 255, 0.8);
	line-height: 1;
	font-family: "A1明朝" , "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 48px;
	font-weight: bold;
}
.main h1.page-ttl span {
	font-size: 24px;
	color: #e3a5b8;
}
h2{
	position: relative;
	display: inline-block;
	font-size: 2.8rem;
	text-align: center;
	margin: 3rem 0 50px 0;
	line-height: 1;
	color: #4d3004;
}
h2.h2-ttl:before{
  content: '';
  position: absolute;
  top: -5px;
  left: -3em;
  display: inline-block;
  width: 36px;
  height: 36px;
	background: url('./../img/ttl-l.png') no-repeat left top;
	background-size: 36px 36px;
	
}
h2.h2-ttl:after {
  content: '';
  position: absolute;
  top: -5px;
  right: -3em;
  display: inline-block;
  width: 36px;
  height: 36px;
	background: url('./../img/ttl-r.png') no-repeat right top;
	background-size: 36px 36px;
}
.h2-sub{
	font-size: 2.0rem;
	color: #4d3004;
	text-align: center;
}
h3{
	font-size: 2.4rem;
	color: #4d3004;
	font-weight: bold;
	margin: 0 0 35px 0;
	text-align: center;
}
h3.h3-ttl{
	text-align: left;
	position: relative;
	padding-left: 46px;
	background: url('./../img/ttl-s.png') no-repeat left top;
	background-size: 15px 25px;
}

h4{
	font-size: 2rem;
	color: #4d3004;
	font-weight: bold;
	margin: 0 0 10px 0;
}

section{
	margin-bottom: 60px;
}
section:before,
section:after{
  display: table;
  content: " ";
}
section:after{
  clear: both;
}
/*
.row{
	margin-bottom: 30px;
}
*/
.ttl{
	text-align: center;
}
.cont-wrap{
	margin-bottom: 40px;
}
.text-wrap{
	padding: 0 15px 20px;
}
.text-wrap-c{
	padding: 0 15px 20px;
	text-align: center;
}
.text{
	margin-bottom: 1.8rem;
	line-height: 1.8;
}
.col-xl-6 .text-wrap{
	padding: 5% 10%;
}
.sub-text{
	display: inline-block;
	padding: 10px 3% 13px;
	border-top: 1px solid #a29370;
	border-bottom: 1px solid #a29370;
}
.fs14{
	font-size: 1.4rem;
}
.fs18{
	font-size: 1.8rem;
}
.fs20{
	font-size: 2rem;
}
.br-sp{
	display: block;
}
.br-pc{
	display: none;
}

.sp{
	display: none;
}
.img{
	padding: 0;
}
.img img{
	width: 100%;
}
.photo{
	display: block;
	margin-bottom: 80px;
}

.photo img{
	width: 100%;
}
.photo.half{
	width: 50%;
	position: absolute;
	top:0;
	right: 0;
}
.col-xl-6 .photo{
	margin: 0 1% 12px -6%;
}
.col-md-4 .photo{
	margin: 0 1% 12px 1%;
}
.col-md-3 .photo{
	margin: 0 0 12px 0;
}
.sub-box{
	position: relative;
	background: url('./../img/bg.jpg') repeat left top;
	background-size: 600px 431px;
	padding :0;
}
.sub-box .text-wrap{
	padding: 5% 10%;
	line-height: 1.5;
}
.sub-box .photo{
	margin: 0 -15px;
}
.sub-box  h4{
	font-size: 2.4rem;
	margin-top: 2rem;
	margin-bottom: 2rem;
}
.sub-box .text-wrap{
	line-height: 2;
}
.box{
	padding: 30px 5%;
	border: 1px solid #000;
}
.box .text-wrap{
	text-align: left;
}
.cap{
	font-weight: bold;
}


.page-head{
	margin-bottom: 40px;
}
.page-nav{
	background: url('./../img/bg.jpg') repeat center top;
	background-size: 600px 431px;
	padding: 14px 0;
	width: 100%;
	margin-bottom: 70px;
}
.page-nav .row{
	margin: 0;
}
.page-nav ul{
	margin-bottom: 0;
}
.page-nav li{
	font-size: 16px;
	text-align: center;
	display: inline-block;
	overflow: hidden;
}
.page-nav-3 li{
	width: 30%;
	margin: 0.2% 1%;
}
.page-nav li a{
	padding: 15px 30px;
	line-height: 1.6;
	display: block;
	transition: all 0.3s ease 0s;
	background: #fff;
	color: #38241b;
	font-weight: bold;
}
.page-nav li span{
	color:#819147;
	font-weight: normal;
}
.page-nav li a:hover{
	color: #432c0b;

  transform: translateY(0.1875em);
}
.page-nav img{
	width: 150px;
	height: 68px;
	margin-bottom: 8px;
}

.page-nav li a:hover img{
	opacity: 0.8;
	transition-duration: 0.3s;
}

.page-nav2{
	padding: 15px 0;
	background: url('./../img/faq/page-nav-bg.jpg') no-repeat center bottom;
	background-size: cover;
	padding: 15px 0 12px;
}
.page-nav2 ul{
	width: 100%;
}
.page-nav2 li{
	width: 24%;
}
.page-nav2 li a{
	padding: 22px 20px;
	text-align: left;
	background: #fff;
}
.page-nav2 li a .fa,
.page-nav2 li a .fas{
	float: right;
}


.main .page-txt {
	text-align: center;
	padding: 45px 0 30px;
	line-height: 1.8;
	background: #fff;
}

.tel{
	font-size: 38px;
	font-weight: bold;
}




/*------------------------------お部屋-----------------------------*/
#rooms .header{
	background: url('./../img/rooms/page-ttl-bg.jpg') no-repeat center center;
	background-size: cover;
}
/*
#rooms .main .page-ttl{
	background: url('./../img/rooms/page-ttl-bg.jpg') no-repeat center top;
	background-size: cover;
}
#rooms .page-nav{
	background: url('./../img/rooms/page-nav-bg.jpg') no-repeat center top;
	background-size: cover;
}*/
#rooms .text-wrap{
	text-align: left;
}
#rooms .madorizu{
	display: block;
}
#rooms .madori-btn{
	display: none;
}
#rooms  dl{
	border-bottom:1px solid #a29370;
}
#rooms  dt{
	width: 8rem;
	padding:10px 1rem ;
	border-top:1px solid #a29370;
}
#rooms  dd{
	padding:10px 1rem ;
	border-top:1px solid #a29370;
}
#amenity .photo{
	
}
#amenity .col-xl-6{
	margin: 0;
	padding: 0;
}

table{
	width: 100%;
	margin: 0 0 1rem 0;
}
thead td{
	border-collapse: collapse;
	border:1px solid #000;
	padding:5px 3px;
	text-align: center;
	color: #49310e;
	background: #e5f1b4;
	font-weight: bold;
}
th, td{
	border-collapse: collapse;
	border:1px solid #000;
	padding:5px 3px;
}
tbody th{
	background: #f3f7e7;
	color: #49310e;
	font-weight: bold;
}
td{
	background: #fff;
}

#summary .time{
	display: inline-block;
	padding: 10px 30px;
	background: #f7f5f2;
	font-size: 1.8rem;
	font-weight: bold;
}
#summary dl{
	border-bottom: 1px solid #a29370;
}
#summary dt{
	width: 18%;
	padding: 15px 1.5em 15px 2em;
	border-top: 1px solid #a29370;
}
#summary dd{
	padding:15px 1.5em 15px 2em;
	border-top: 1px solid #a29370;
}

/*------------------------------温泉------------------------------*/
#onsen .header{
	background: url('./../img/onsen/page-ttl-bg.jpg') no-repeat center center;
	background-size: cover;
}
#onsen #yudanaka{
	background: url('./../img/onsen/yudanaka-bg.jpg') no-repeat center center;
	background-size: cover;
	
}
#onsen #yudanaka col-6{
	float: right;
}
#onsen #yudanaka h3{
	text-align: left;
}
#onsen #yudanaka .text-wrap{
	padding: 8% 8%;
	line-height: 2;
}
#onsen dt{
	width: 5em;
}


/*------------------------------お料理------------------------------*/
#cuisine .header{
	background: url('./../img/cuisine/page-ttl-bg.jpg') no-repeat center center;
	background-size: cover;
}
#menu .col-12{
	text-align: center;
	width: 100%;
	padding-top: 30px;
}
#menu h3{
	color: #4d3004;
	margin-left: 90px;
	text-align: left;
}
#menu .text-wrap{
	height:auto;
	display: inline-block;
	text-align: left;
}
#menu p{
	margin-left: 2.5rem;
}
/*------------------------------バリアフリー------------------------------*/
#barrierfree .header{
	background: url('./../img/barrierfree/page-ttl-bg.jpg') no-repeat center center;
	background-size: cover;
}
#barrierfree #silverstar{
	background: url('./../img/barrierfree/silverstar-bg.jpg') no-repeat center center;
	background-size: cover;
}

#barrierfree #silverstar col-6{
	float: right;
}
#barrierfree #silverstar h3{
	text-align: left;
}
#barrierfree #silverstar img{
	
}
#barrierfree #silverstar .text-wrap{
	padding: 8% 8%;
	line-height: 2;
}

#barrierfree h3.point{
	text-align: left;
	position: relative;
	padding: 45px 0 35px 135px;
	background: url('./../img/barrierfree/point.png') no-repeat left top;
	background-size: 121px 111px;
}
#barrierfree .sub-box h4{
	font-size: 2rem;
}
#barrierfree .photo{
	margin-bottom: 25px;
	padding-top: 30px;
}
#barrierfree .free-box .photo{
	margin-bottom: 10px;
	padding-top: 0;
}
.free-box{
	position: relative;
	padding: 25px 0;
}
.free-box h4{
	text-align: center;
	}
#free-onsen .free-box{
	background: url('./../img/barrierfree/onsen-bg.jpg') repeat left top;
	background-size: 600px 431px;
}
#free-room .free-box{
	background: url('./../img/barrierfree/room-bg.jpg') repeat left top;
	background-size: 600px 431px;
}
#free-floor .free-box{
	background: url('./../img/barrierfree/floor-bg.jpg') repeat left top;
	background-size: 600px 431px;
}
.fukidasi{
	position: absolute;
	width: 295px;
	top:0;
	right: 100px;
}
#free-onsen .text-wrap,
#free-room .text-wrap,
#free-floor .text-wrap{
	padding-top: 30px;
}
#free-onsen .free-box .text-wrap,
#free-room .free-box .text-wrap,
#free-floor .free-box .text-wrap{
	padding-top: 0;
}
	
	
/*------------------------------アクセス------------------------------*/
#access .header{
	background: url('./../img/access/page-ttl-bg.jpg') no-repeat center center;
	background-size: cover;
}
#access .main{
	text-align: center;
}
#access .sub-box{
	background: #e9e7d9;
}
#access .sub-box .text{
	padding: 10px 0 0;
	margin-bottom: 8px;
}
#access .sub-box .btn{
	display: block;
}

.root-wrap{
	text-align: center;
}
.root-wrap p{
	margin-bottom: 15px;
}
.root01{
	float: left;
	width:25%;
	margin:0 4%;
	text-align: center;
}
.root02{
	float: left;
	width:58%;
	margin:0 4%;
	text-align: center;
}
.root02-2{
	float: left;
	width:42%;
	margin:0 4%;
	text-align: center;
}
.root03{
	float: left;
	width:91%;
	margin:0 4%;
	text-align: center;
}
.map-sp{
	display: none;
}
.road{
	text-align: center;
	background: url('./../img/access/root-line.png') repeat-y center top;
	background-size: 5px 10px;
}
.root-wrap .road-h{
	text-align: center;
	background: #fff url('./../img/access/root-line-h.png') repeat-x left top;
	background-size: 5px 5px;
	margin:25px 0 0 -31%;
	overflow: hidden;
	width: 82.5%;
}
.root-wrap .road-h2{
	text-align: center;
	background: #fff url('./../img/access/root-line-h.png') repeat-x left top;
	background-size: 5px 5px;
	margin: 33px 0 0 48.0%;
	overflow: hidden;
	width: 66.5%;
}
.train01{
	text-align: center;
	background: url('./../img/access/root-train01.png') repeat-y center top;
	background-size: 8px 91px;
}
.train02{
	text-align: center;
	background: url('./../img/access/root-train02.png') repeat-y center top;
	background-size: 8px 55px;
}

p.place{
	background: #e1d8ca;
	padding: 10px 6px;
	color: #000;
}
p.place-dest{
	background: #e5abbd;
	padding: 15px 6px;
	font-size: 1.8rem;
	font-weight: bold;
}
p.desc{
	background: #fff;
	padding: 5px 6px;
}
p.blank{
	padding: 7px 6px;
}

.root-harf{
	float: left;
	width:46%;
	margin:0 2%;
}
.root-w30{
	float: left;
	width:14%;
	margin:0 0.5%;
}
.root-w60{
	float: left;
	width:61%;
	margin:0 2%;
}
.root-w80{
	float: left;
	width:76%;
	margin:0 2%;
}
.root-info{
	border: 1px solid #ccc;
	padding: 15px 20px 0;
}
.red{
	color: #dd0000;
}

#access .btn-outline{
	padding: 5px ;
	font-size: 1.4rem;
	display: inline-block;
}
#access .btn-outline a{
	padding: 5px 42px
}


/*------------------------------ご予約------------------------------*/
#contact .header{
	background: url('./../img/contact/page-ttl-bg.jpg') no-repeat center center;
	background-size: cover;
}
#tell{
	padding: 20px 0;
}
#tell h2{
	margin-bottom: 40px;
}
#tell .tell-info{
	padding:  0 0 15px 0;
}
#tell .tell-info strong{
	font-weight: bold;
	font-size: 3.6rem
}

/*------------------------------フォーム------------------------------*/
.form-wrap{
	background: #eee8d7;
	padding: 3% 5%;
	text-align: left;
	margin-bottom: 40px;
}
.form-wrap .row{
	margin-bottom: 1em;
}
.form-group{
	padding-top:1rem;
	border-top: 1px dotted #000;
}
.form-control{
	font-size: 1.6rem;
	border: 1px solid #000;
}
.control-label{
	padding-top: 1rem;
}
.form-group .btn{
	font-size: 2rem;
	width: 100%;
	margin: 0;
	padding: 20px 80px;
}

#privacy h4{
	font-size: 1.8rem;
	color: #000;
	margin-bottom: 5px;
}

/*------------------------------カルーセル------------------------------*/
 .carousel-indicators {
    padding: 5px 0 ;
    margin: 0;
    bottom: -45px;
  }
.carousel-indicators li {
    width: 80px;
    height: auto;
    margin: 0;
    text-indent: unset;
    opacity: 1;
  border: 2px solid transparent;
  margin-right: 3px;
  background: none;
  }
 .carousel-indicators li.active {
 	border: 2px solid #432c0b;
    opacity: 1;
  }
 .carousel-indicators li:hover{
	 cursor: pointer;
 	border: 2px solid #432c0b;
	 
 }
.carousel-indicators li::before,
.carousel-indicators li::after {
    width: 0;
    height: 0;
  }
  
  


/* ==========================================================================
Footer
========================================================================== */
footer{
	position: relative;
	padding:0;
	background: url('./../img/bg.jpg') repeat left top;
	background-size: 600px 431px;
}
footer .row{
	margin-bottom: 0;
}

.footer-info{
	text-align: center;
	font-size: 1.6rem;
}
.footer-logo{
	padding: 27px 0;
	margin: 0;
}
.footer-logo img{
	width: 225px;
	height: 84px;
}
.footer-info .address{
	margin-bottom: 0;
}
.footer-info .f-tell{
	font-size: 3.0rem;
	font-weight: bold;
	line-height: 1.2;
}
.footer-book{
	margin-top: 30px;
}


.footer-nav{
	padding: 17px 0 27px;
}
.footer-nav ul{
	margin-bottom: 0;
}
.footer-nav li a{
	border-left: 1px solid #000;
	padding:2px 2px 2px 12px;
}
.footer-nav li:last-child{
	padding-right: 10px;
	border-right: 1px solid #000;
}
.footer-nav li a:hover{
}

.footer-nav .footer-book{
	display: none;
}
/*
.footer-nav li a:before {
	content: "\f105";
	font-family: FontAwesome;
	padding-right: 8px;
}*/

footer .link{
	background: #fff;
	padding: 15px 0 5px;
}
.btn-gh{
	background: #dce7e7;
	margin: 0;
}
.btn-gh a{
	color: #000;
}

footer .copy {
	text-align: center;
	background: #4d3a3a;
	color: #fff;
	font-size: 12px;
	margin: 0;
	padding:10px 0 14px;
}

.btn-up {
	position: fixed;
	bottom:65px;
	right:100px;
	width: 60px;
	height: 60px;
	background: #4d3a3a;
	color: #fff;
	display: block;
	padding: 0;
	text-align: center;
}
.btn-up:hover{
	cursor: pointer;
}
.btn-up .fa{
	padding-top: 10px;
	font-size: 40px;
}




#nf .header{
	background: url('./../img/contact/page-ttl-bg.jpg') no-repeat center center;
	background-size: cover;
}

/*------------------------------goto------------------------------*/
#info .header{
	background: url('./../img/contact/page-ttl-bg.jpg') no-repeat center center;
	background-size: cover;
}
.goto {
	margin: 0 auto 30px;
	width: 50%;
}
#info #goto dl{
	padding: 20px 0 10px;
	background: url('./../img/dot-line.png') repeat-x left bottom;
	background-size: 86px 4px;
	border-bottom: none;
	margin-bottom: 0;
}

#info #goto dt{
	border-top:none;
	padding: 5px;
	width: 2em;
	text-align: center;
}
#info #goto dd{
	border-top:none;
	padding-top: 0;
}
#info #goto h2{
	margin-bottom: 30px;
}
#info #goto p{
	margin-bottom: 1rem;
}
#info #goto .number{
	padding: 4px 8px;
	background: #b48c51;
	color: #fff;
}

.covid19-ico{
	display: flex;
}
.covid19-ico li{
	margin:  0 .5%;
}
#covid-19 li{
	list-style: disc;
	margin-bottom: 7px;
}

/* ==========================================================================
Media queries
========================================================================== */
@media(max-width:768px) {
header{
	position: relative;
}
.header{
	background: none;
	z-index: 1020;
	height: 120px;
}
.logo a{
	background-size: 134px 50px;
	padding: 0;
	width: 160px;
	height: 58px;
	z-index: 9999;
}
.nav-en{
	position: fixed;
	top:0;
	right: 54px;
}
.nav-en a{
	color: #432c0b;
	border: 1px solid #432c0b;
	width: 55px;
	height: 55px;
	padding: 16px 0 17px;
	background: #fff;
}

.navbar{
	display: none;
}
.navbar-nav{
	display: inline-block;
	border-left: none;
	display: none;
	height: 100%;
}
.navbar-nav .nav-link{
	font-size: 16px;
	line-height: 1;
	border-left: none;
	padding: 24px 0;
	height: 100%;
}

.navicon{
	display: block;
}
.nav-toggle{
	position: fixed;
}
.nav-sp{
	display: block;
}
.nav-book a{
	color: #fff;
}

/*
.navbar-collapse.collapse {
  display: block!important;
  height: auto!important;
  padding-bottom: 0;
  overflow: visible!important;
  border-top:none;
  box-shadow: none;
}
*/


h1{
	font-size: 2.6rem;
}
h2{
	font-size: 2.2rem;
	padding: 0;
	margin: 10px 0 18px 0;
}
h2 img{
	max-width: 70%;
}
h3{
	margin: 0 0 15px;
	font-size: 2.0rem;
	padding-bottom: 0;
}

h2.h2-ttl:before{
  top: -2px;
  left: -1.5em;
  width: 24px;
  height: 24px;
	background-size: 24px 24px;
	
}
h2.h2-ttl:after {
  top: -4px;
  right: -1.5em;
  width: 24px;
  height: 24px;
	background-size: 24px 24px;
}
.h2-sub{
	font-size: 1.6rem;
}
h4{
	font-size: 1.6rem;
}
h3.h3-ttl{
	background-size:10px 20px;
	padding-top: 2px;
	padding-left: 20px;
	font-size: 1.8rem;
}

.btn a{
	font-size: 1.4rem;
	font-weight: bold;
	padding:15px 20px;
}
p {
	font-size: 1.4rem;
	line-height: 1.5;
}
.text{
	text-align: left;
	font-size: 1.4rem;;
	margin-bottom: 1em
}
.sp_br{
	display: none;
}
.sp{
	display: block;
}
table{
	width: 100%;
	table-layout: fixed;
	word-break: break-all;
	word-wrap: break-all;

}
dt,dd,li,th,td{
	font-size: 1.4rem;;
}
.col-xl-6 .text-wrap{
	padding: 10px 3%;
}
.col-xl-6 .photo{
	margin: 0;
}

/* ==========================================================================
main
========================================================================== */
.wrapper{
	position: relative;
}

.main .page-head{
	padding-top: 50px;
	margin-top: -50px;
	margin-bottom: 0;
}
.main h1.page-ttl{
	margin:20px 0 0 0;
	font-size: 28px;
	padding: 0 0 10px 0;
	text-align: center;
	background: url('./../img/page-ttl-mask.png') repeat-x center top;
	background-size: 50px 75px;
}
.main h1.page-ttl span{
	font-size: 1.4rem
}
.main .page-txt{
	text-align: left;
	padding: 10px 3%;
	margin-bottom: 0;
}

.page-nav{
	padding: 8px 0;
	margin-bottom: 10px;
	background-size:cover;
}
.page-nav .row{
	margin-left: -15px;
	margin-right: -15px;
}
.page-nav li{
	padding: 0 0 0 1%;
	display: inline-block;
	font-size: 1.2rem;
	width: 94%;
}
.page-nav li a{
	line-height: 1.2;
	padding: 5px 0;
}

section{
	margin-bottom: 20px;
}
/*
.row{
	margin-bottom: 10px;
}*/

.br-sp{
	display: none;
}
.br-pc{
	display: block;
}
.text-wrap{
	padding: 0 0 20px;
}
.text-wrap-c{
	text-align: left;
	padding: 0 0 10px;
}

.img{
	padding:0 3%;
}
.cap{
	font-weight: normal;
}
.fs10{
	font-size: 1rem;
}
.photo{
	margin: 0 0 15px 0
}
.carousel-indicators{
	position: relative;
	padding: 5px 0 0 0;
	bottom: auto;
	right: auto;
}
.carousel-indicators li{
	width: 20%;
}

.sub-box{
	padding-top: 15px;
}
.sub-box .text-wrap{
	padding: 0 2% 10px;
}
.sub-box .photo{
	margin:0 0 15px;
}
.box{
	padding-bottom: 0;
}
.cont-wrap{
	margin-bottom: 15px;
}
/*------------------------------お部屋------------------------------*/
#rooms h2.h2-ttl:before,
#rooms h2.h2-ttl:after{
	background: none;
}
#rooms #room04 h2.h2-ttl,
#rooms #room05 h2.h2-ttl{
	font-size: 1.8rem;
}
#rooms dt{
	width: 5rem;
	padding: 10px 0em 10px 0.7em;
}
#rooms dd{
	padding: 10px 0.7em 10px 0.5em;
}
#rooms .main .btn{
	width: 100%;
}
#rooms .main .btn a{
	font-size: 1.4rem;
	padding: 10px 0;
}
#rooms .text-wrap{
	padding-bottom: 0;
}
#rooms .madorizu{
	display: none;
}
#rooms .madori-btn{
	display: block;
}

/*------------------------------お料理------------------------------*/
#menu .col-12{
	padding-top: 10px;
}
#menu .text-v{
	writing-mode: horizontal-tb;
	padding-bottom: 0;
}
#menu h3{
	margin-left: 0;
	text-align: center;
}
#ippin h4{
	margin: 5px 0 ;
}
#ippin p{
	margin-bottom: 0;
}
/*------------------------------温泉------------------------------*/
#onsen #yudanaka{
	background: url('./../img/onsen/yudanaka-bg.jpg') no-repeat left center;
	background-size: cover;
}
#onsen #yudanaka .text-wrap{
	padding: 5% 3%;
	text-shadow:
	0 0 2px #f0ddcf,
	0 0 2px #f0ddcf,
	0 0 2px #f0ddcf,
	0 0 2px #f0ddcf,
	0 0 2px #f0ddcf,
	0 0 2px #f0ddcf,
	0 0 2px #f0ddcf,
	0 0 2px #f0ddcf,
	0 0 2px #f0ddcf,
	0 0 2px #f0ddcf,
	0 0 2px #f0ddcf,
	0 0 2px #f0ddcf,
	0 0 2px #f0ddcf,
	0 0 2px #f0ddcf,
	0 0 2px #f0ddcf,
	0 0 2px #f0ddcf;
}
/*------------------------------バリアフリー------------------------------*/
#barrierfree #silverstar .text-wrap{
	padding: 4% 0;
}
#barrierfree #silverstar .col-3{
	padding: 0 0 0 3%;
}
.fukidasi{
	width: 220px;
	right: 0;
}
#free-onsen .text-wrap, #free-room .text-wrap, #free-floor .text-wrap{
	padding: 0;
}
#barrierfree h3.point{
	margin-top: -25px;
	padding:35px 0 25px 100px;
	background-size:100px 90px;
}
/*------------------------------アクセス------------------------------*/
.access-wrap{
	margin-top: 15px;
}
.root-wrap p{
	font-size: 1.2rem;
	font-weight: bold;
	margin-bottom: 7px;
}
.root01{
	width:31%;
	margin:0 1%;
}
.root02{
	width:62%;
	margin:0 1%;
}
.root02-2{
	float: left;
	width:48%;
	margin:0 1%;
}
.root03{
	width:98%;
	margin:0 1%;
}
.root-wrap .road-h{
	margin:18px 0 0 -7%;
	width: 59.2%;
}
p.place{
	padding: 4px 6px;
}
p.place-dest{
	font-size: 1.4rem;
	padding: 6px 6px;
}
p.desc{
	padding: 3px 6px;
}
p.blank{
	padding: 3px 6px;
}
p.blank2{
	height: 4.5rem;
}

#access .btn-outline a{
	padding: 5px 0;
	width: 100%;
}


/*-------------------------------予約-----------------------------*/
#tell h2{
	margin-bottom: 5px;
}

#tell .tell-info{
	text-align: center;
	padding-bottom: 0;
}
#tell .tell-info span{
	font-size: 1.4rem;
}
#tell .tell-info strong{
	font-size: 3.2rem;
}
#privacy h4{
	font-size: 1.6rem;
}


/* ==========================================================================
Nav Overlay
========================================================================== */
/* Overlay style */

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.95);
    z-index: 999;
    padding-top:0;
     overflow-y: scroll; 
     -webkit-overflow-scrolling: touch;
}

/* Menu style */
.overlay nav {
    position: relative;
    top: 30%;
    height: 60%;
    text-align: center;
    font-size: 54px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-top: 0;
}
.overlay ul {
    position: relative;
    display: block;
    margin: 0 auto;
    padding: 0;
    list-style: none;
}
.overlay ul li {
    display: block;
    float: none;
}
.overlay ul li:last-child {
    margin-right: 0px
}
.overlay ul li i {
    display: block;
}
.overlay ul li a {
	width:100%;
    display: block;
    padding: 16px 0;
    color: #fff;
    text-transform: uppercase;
    font-weight: 400;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    color: #4d3004;
}
.overlay ul li a:hover, .overlay ul li a:focus {
}
.overlay ul li.nav-book a{
	color: #fff;
}

/* Effects */
.overlay-menu {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.5s, visibility 0s 0.5s;
    transition: opacity 0.5s, visibility 0s 0.5s;
}
.overlay-menu.open {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
}
.overlay-menu nav ul li {
    opacity: 0;
    -webkit-transform: translate3d(0, -80px, 0);
    transform: translate3d(0, -80px, 0);
    -webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
    transition: transform 0.5s, opacity 0.5s;
}
.overlay-menu.open nav ul:first-child li:first-child {
    -webkit-transition-delay: 0.05s;
    transition-delay: 0.05s;
}
.overlay-menu.open nav ul:first-child li:nth-child(2) {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}
.overlay-menu.open nav ul:nth-child(2) li:first-child {
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s;
}
.overlay-menu.open nav ul:nth-child(2) li:nth-child(2) {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.overlay-menu.open nav ul li {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

/* ==========================================================================
Footer
========================================================================== */
footer{
	padding: 14px 0 0 0;
	z-index: 1020;
}
.footer-logo{
	padding: 10px 0;
}
.footer-logo img{
	width: 50%;
	height: auto;
}
.footer-book{
	margin-top: 10px;
	padding-bottom: 10px;
}
.footer-book p{
	margin-bottom: 0;
}
.footer-nav .list-inline-item:not(:last-child){
	margin-right: 0;
}
.footer-nav li:last-child{
	border-right: none;
}
.footer-nav li a{
	font-size: 1.6rem;
	border-left: none;
	border-bottom:1px solid #4d3004;
}
.footer-nav .footer-book{
	padding-top: 55px;
	padding-bottom: 0;
	margin-top: 0;
	border-bottom:1px solid #4d3004;
	background: url('./../img/bg.jpg') repeat left top;
	background-size: 600px 431px;
}
.footer-nav .footer-book h4{
	font-size: 2.2rem;
}
.footer-nav .btn-pink a{
	color: #fff;
}
.footer-nav .cancel{
	width:100%;
	display: block;
	padding: 14px 0 20px;
}
.footer-nav .btn-pink {
	width: 44%;
}
.footer-info .f-tell{
	font-size: 2.2rem;
}

.btn-up {
	z-index: 9999;
	position: fixed;
	top:inherit;
	bottom:30px;
	right:5px;
	width: 45px;
	height: 45px;
	font-size: 20px;
}
.btn-up .fa{
	padding-top: 2px;
}

#info #goto h2{
	font-size: 1.8rem;
	margin-bottom: 10px;
}
#goto .btn a{
	padding: 8px 12px;
}

.covid19-ico{
	flex-wrap:wrap;
}
.covid19-ico li{
	width: 31%;
	margin: 0 1% 1%;
}
#covid-19 ul{
	margin-left: 1em;
}
#covid-19 .name{
	text-align: right;
}


}

@media screen and (min-width:769px) and ( max-width:1200px) {
.container {
    max-width: 100%;
}

.navbar-nav{
	display: block;
}

.photo{
	margin: 0 0 15px 0
}

#rooms .madorizu{
	display: block;
}

/*
.navbar-nav{
	display: inline-block;
}
.nav-justified .nav-item{
	width: 18%;
	float: left;
}
*/

}

/* ==========================================================================
Waypoints
========================================================================== */
.wp1, .wp2, .wp3, .wp4, .wp5, .wp6 {
    visibility: hidden
}

.js .animate-box {
  opacity: 0;
}