/* ==========================================================================
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;
}

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

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

}
dt{
	float: left;
	width: 30%;
	padding:10px 1em 10px 1.5em;
	border-top:1px solid #000;
}
dd{
	margin: 0;
	padding:10px 1em 10px 1.5em;
	border-top:1px solid #000;
	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: #e9e7d9 ;
  border: 1px #432c0b solid;
  color: #432c0b ;
}

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

.btn-outline {
  background: #e9e3d9;
  border: 1px solid #e9e3d9;
  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: #7eb99b;
  border: 1px #7eb99b 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: #e9e3d9;
  border: 1px solid #e9e3d9;
}

/* ==========================================================================
Navigation
========================================================================== */
.header{
	position: fixed;
	z-index: 999;
	width: 100%;
}
.header .nav-bg{
	background: #fff;
	overflow: hidden;
	padding: 5px 0 8px;
}
.logo{
	float: left;
	margin: 0;
}
.logo a{
	margin: 5px 5px 5px 0;
	width: 222px;
	height: 54px;
	background: url('./../img/logo-header.png') no-repeat left top;
	background-size: 100%;
	display: block;
	z-index: 99;
}

.sub-nav{
	float: right;
	padding: 12px 0 0 0;
}
.sub-nav li{
	display: inline-block;
	list-style: none;
}
.sub-nav li.tell{
	font-size: 2.6rem;
	font-weight: bold;
	color: #432c0b;
	margin-left: 10px;
}
.nav-info{
	float: left;
	list-style: none;
	margin: 0;
}

.nav-sns{
	float: left;
	background: #e9e3d9;
	width: 74px;
	height: 39px;
	list-style: none;
	padding: 4px 0 2px 0;
	margin: 0 10px;
}
.nav-sns li{
	float: left;
}
.nav-sns li a{
	font-size: 20px;
	padding: 4px 9px 4px 9px;
}
.nav-sns li:first-child a{
	padding:  3px 12px 4px 12px;
	border-right:1px solid #432c0b ;
}
.nav-sns li a:hover{
	color: #7eb99b;
}

.nav-lang{
	float: left;
	list-style: none;
	margin: 0 0 0 10px;
	padding: 0;
}
.nav-lang li{
	float: left;
}
.nav-lang a{
	background: #7eb99b;
	text-align: center;
	font-size: 14px;
	color: #fff;
	padding: .9rem 1.8rem;
	border-right: 1px solid #fff;
}

.nav-lang a:hover{
	background: #432c0b;
}

.nav-wrapper{
	margin-top: -8px;
	clear: both;
	background: url('./../img/nav-bg.png') repeat-x center top;
	background-size: 1200px 75px;
}
#Navber{
	width: 100%;
}
.navbar{
	padding: 7px 0 3px;
}
nav ul {
	width: 100%;
	position: relative;
	margin: 0;
	padding:0;
	list-style: none;
	text-align: center;
}
nav ul::after {
	display: block;
	clear: both;
	content: '';
}
nav li.nav-item{
	position: relative;
	font-size: 16px;
	float: left;
	width: 14.2%;
	padding: 8px 0;
}
nav li.nav-item:hover a.nav-link{
	color:rgba(135,185,171,1);
}
.navbar-nav .nav-link{
	color:rgba(67,44,11,1);
	display: block;
	white-space: nowrap;
	width: 100%;
	padding: 14px 0 12px;
	line-height: 1.2;
	border-left:1px solid #cac2ab;
}
.navbar-nav .nav-link:focus, 
.navbar-nav .nav-link:hover{
	color:rgba(67,44,11,1);
}
.nav2 a.nav-link{
	padding: 4px 0 4px;
}
nav li.nav-item.nav-book{
	padding: 3px 0;
}
.nav-book a.nav-link{
	background: #432c0b;
	color: #fff;
	padding: 19px 0 17px;
}
.nav-book a.nav-link:hover{
	color:#fff!important;
	background:#7eb99b;
}

.nav .open>a, .nav .open>a:hover, .nav .open>a:focus{
	background: #e9e7d9;
}
.nav-toggle {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 999999;
    padding: 25px 45px 30px 9px;
    cursor: pointer;
    background: #000;
}
.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;
}
.lang-icon{
	display: none;
}

.nav-sp{
	display: none;
}

/* ==========================================================================
main
========================================================================== */
.wrapper{
	position: relative;
	padding-top: 135px;
}
.main{
	position: relative;
}

.main .page-ttl{
	background: url('./../img/blog/page-ttl-bg.jpg') no-repeat center bottom;
	background-size: cover;
	width: 100%;
	height: 300px;
	text-align: center;
}
.main .page-ttl h1{
	margin: 0;
	color:#fff;
	font-size: 42px;
	text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);
	text-align: center;
	padding: 110px 0;
	line-height: 1;
	color: #fff;
	font-family: "A1明朝" , "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.main .page-ttl h1 span img{
	font-size: 20px;
	width: 111px;
}

h2{
	font-size: 3.2rem;
	text-align: center;
	margin: 3rem 0 45px 0;
	line-height: 1;
}
h3{
	font-size: 2.6rem;
	font-weight: bold;
	margin: 0 0 35px 0;
}
h4{
	font-size: 2rem;
	font-weight: bold;
	margin: 0 0 25px 0;
}

section{
	margin-bottom: 60px;
}
section:before,
section:after{
  display: table;
  content: " ";
}
section:after{
  clear: both;
}
/*
.row{
	margin-bottom: 30px;
}
*/
.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;
}
.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{
	margin: 0 -40px 30px -40px;
}
.photo img{
	width: 100%;
}
.col-md-6 .photo{
	margin: 0 1% 12px 1%;
}
.col-md-4 .photo{
	margin: 0 1% 12px 1%;
}
.col-md-3 .photo{
	margin: 0 0 12px 0;
}
.sub-box{
	background: #f2e9e1;
	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/onsen/page-nav-bg.jpg') no-repeat center bottom;
	background-size: contain;
	padding: 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 li a{
	padding: 8px;
	line-height: 1.2;
	display: block;
	transition: all 0.3s ease 0s;
}
.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;
	line-height: 1.8;
}

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




/*------------------------------お部屋-----------------------------*/
#rooms .main .page-ttl{
	background: url('./../img/rooms/page-ttl-bg.jpg') no-repeat center bottom;
	background-size: cover;
}
#rooms .page-nav{
	background: url('./../img/rooms/page-nav-bg.jpg') no-repeat center bottom;
	background-size: contain;
}
#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;
	border-top:1px solid #a29370;
}
#rooms  dd{
	border-top:1px solid #a29370;
}
#amenity .photo{
	margin: 0 10% 30px;
}
#amenity .col-6{
	margin: 0;
	padding: 0;
}

/*------------------------------温泉------------------------------*/
#onsen .main .page-ttl{
	background: url('./../img/onsen/page-ttl-bg.jpg') no-repeat center bottom;
	background-size: cover;
}
#onsen .page-nav{
	background: url('./../img/onsen/page-nav-bg.jpg') no-repeat center bottom;
	background-size: contain;
}

#mainbath{
	margin-bottom: 30px;
}
#efficacy dl{
	margin-bottom: 3rem;
}
#efficacy dt{
	width: 24%;
}

/*------------------------------お料理------------------------------*/
#dining .main .page-ttl{
	background: url('./../img/dining/page-ttl-bg.jpg') no-repeat center bottom;
	background-size: cover;
}
#dining .page-nav{
	background: url('./../img/dining/page-nav-bg.jpg') no-repeat center bottom;
	background-size: contain;
}
#seasonal h2{
	font-size: 4rem;
	margin-bottom: 70px;
}
.nemagari{/*
	background: url('./../img/dining/photo02x2.jpg') no-repeat left center;
	background-size: cover;*/
	height: 100%;
	margin-bottom: 60px;
}
.nemagari .text-wrap{
	background: #ede8e0;
	padding: 6% 30px 30px;
	margin: -30px 0;
	z-index: 99;
}
.nemagari .photo{
	margin-right: -100px;
	margin-bottom: 0;
}
.nozawana{
	margin-bottom: 60px;
}
.nozawana .text-wrap{
	background: #eaeeb9;
	padding: 6% 30px 30px;
	margin: -30px 0;
}
.nozawana .photo{
	margin-left: -100px;
	margin-bottom: 0;
}

#seasonal .text-wrap h3{
	font-size: 4.8rem;
	line-height: 0.8;
	text-align: center;
}
#seasonal .text-wrap .text{
	padding: 0 5%;
}

#dining .allergies-list li{
	list-style: disc;
	text-align: left;
}
#dining .allergies-list li{
	margin-bottom: 10px;
}


/*------------------------------館内------------------------------*/
#facilities .main .page-ttl{
	background: url('./../img/facilities/page-ttl-bg.jpg') no-repeat center bottom;
	background-size: cover;
}
.col-md-6 h3{
	text-align: center;
	margin-bottom: 14px;
}
#terace,#lobby{
	margin-bottom: 0;
}
#rental span{
	font-size: 1.6rem;
	font-weight: normal;
}
table{
	width: 100%;
	margin: 0 0 1rem 0;
}
th, td{
	border-collapse: collapse;
	border:1px solid #432c0b;
	padding:5px 3px;
	text-align: center;
}
th{
	font-weight: bold;
	background: #5276af;
	color: #fff;
}
th.day{
	background: #c9d5e7;
	color: #432c0b;
}
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;
}
#rental .col-md-4 .photo{
	margin-top: 40px;
}

/*------------------------------アクティビティ------------------------------*/
#activity .main .page-ttl{
	background: url('./../img/activity/page-ttl-bg.jpg') no-repeat center bottom;
	background-size: cover;
}
#activity .page-nav{
	background: url('./../img/activity/page-nav-bg.jpg') no-repeat center bottom;
	background-size: contain;
}
#hike .hike-wrap{
	padding: 20px 40px;
	background: #e8f8e7;
}
#hike h2{
	background: url('./../img/activity/line-green.png') repeat-x center center;
	background-size: 170px 1px;
	font-weight: bold;
	margin-bottom: 2rem;
}
#hike h2 span{
	font-size: 3rem;
	background: #e8f8e7;
	padding:0 30px;
	line-height: 1.2;
	display: inline-block;
}
#hike h2 img,
#ski h2 img,
#spot h2 img{
	width: 158px;
	height: 24px;
}
.couse-wrap{
	padding: 40px 0 0;
	margin-bottom: 0;
}
.couse-wrap .sub-text{
	width: 100%;
}
.hike-wrap h4,
.ski-wrap h4{
	font-size: 2.4rem;
	text-align: center;
	margin-bottom: 15px;
}
.recommend-list{
	margin-top: 20px;
	margin-bottom: 40px;
}
.recommend-list h4{
	margin: 0 0 10px 0;
	text-align: center;
	font-size: 1.8rem;
}
.recommend-list .text-wrap{
	padding-bottom: 0;
}

.border{
	border: 1px solid #ccc;
	padding: 0 30px 10px;
}
.link-wrap .btn{
	width: 100%;
}
.link-wrap .btn a{
	padding: 15px 5px;
}
.link-wrap .text{
	margin-top: 2.6rem;
	margin-bottom: 1rem;
}

.midashi{
	border-left:4px solid #2f93bc;
	padding-left: 10px;
	margin-bottom: 15px;
}

#spot .spot-wrap .text-wrap{
	padding: 0 40px 20px;
}

#spot .spot-wrap h4{
	font-size: 2.4rem;

}

#ski .ski-wrap{
	padding: 20px 40px;
	background: #dde2ea;
	margin-bottom: 50px;
}
#ski h2{
	background: url('./../img/activity/line-winter.png') repeat-x center center;
	background-size: 170px 1px;
	font-weight: bold;
	margin-bottom: 2rem;
}
#ski h2 span{
	font-size: 3rem;
	background: #dde2ea;
	padding:0 30px;
	line-height: 1.2;
	display: inline-block;
}
.ski-wrap .col-md-12{
	margin-top: 30px;
}
.ski-wrap .link-wrap{
	border-top: 1px solid #718cb7;
	padding: 25px 10% 0;
	width: 100%;
	margin: 0 auto;
}

#ski .sub-box{
	background: #dde2ea;
}
#snowshoe{
	margin-top: 60px;
}
#hike .hike-wrap .btn-outline,
#ski .ski-wrap .btn-outline,
#ski .sub-box .btn-outline{
	background: #fff;
	border: 1px solid #fff;
}
#hike .hike-wrap .btn-outline:hover, #hike .hike-wrap .btn-outline:focus, #hike .hike-wrap .btn-outline:active,
#ski .ski-wrap .btn-outline:hover, #ski .ski-wrap .btn-outline:focus, #ski .ski-wrap .btn-outline:active,
#ski .sub-box .btn-outline:hover, #ski .sub-box .btn-outline:focus, #ski .sub-box .btn-outline:active{
	background: #7eb99b;
	border: 1px solid #7eb99b;
}
.ski-wrap .btn-outline a,
.spot-wrap .btn-outline a{
	padding: 5px 20px;
}
#activity .map img{
	width: 30%;
}
.link-icon a{
	display: inline-block;
	padding:2px  8px ;
	background: #fff;
	border-radius: 3px;
}
.link-icon a:hover{
	padding:2px  8px ;
	}
a.link-blank{
	background: #000;
	display: block;
}
a:hover.link-blank:before 
{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
  margin-top: -7rem;
  content: 'スキー場サイトへ \f2d2';
  color: #fff;
  
  font-family: fontAwesome;
  z-index: 1;
}
a:hover.link-blank img{
	opacity: 0.7;
}

/*------------------------------アクセス------------------------------*/
#access .main .page-ttl{
	background: url('./../img/access/page-ttl-bg.jpg') no-repeat center bottom;
	background-size: cover;
}
#access .page-nav{
	background: url('./../img/access/page-nav-bg.jpg') no-repeat center bottom;
	background-size: cover;
}
#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;
}

#car .root01{
	width:14%;
	margin:0 1%;
}
#car .root02{
	width:56%;
	margin:0 4%;
}
#car .root02-2{
	width:46%;
	margin:0 1%;
}
#car .root03{
	width:76%;
	margin:0 4%;
}
#car .root04{
	float: left;
	width:95%;
	margin:0 1%;
	text-align: center;
}
#car .root-wrap .road-h{
	width: 66.5%;
	margin: 25px 0 0 -14.5%;
}
#car .start{
	margin-bottom: 0;
}

.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: #e2e2e2;
	padding: 10px 6px;
	color: #000;
}
p.place-dest{
	background: #00a366;
	padding: 10px 6px;
	color: #fff;
	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;
}

.timetable{
	padding: 50px 30px 0;
}
.timetable p.text{
	margin-bottom: 0;
}
.timetable p.btn{
	margin-bottom: 2em;;
}
#livecamera .sub-box{
	background: #e9f3f5;
}
.sightseeing-btn{
	margin: 40px 0;
}

.sightseeing-list .text-wrap{
	text-align: left;
}
.sightseeing-list h4{
	text-align: center;
	margin: 0 0 5px 0;
}
.sightseeing-list .btn a{
	padding: 5px 45px
}
.sightseeing-list .text{
	margin-bottom: 3px;
}
#access .btn-outline a{
	padding: 5px 42px
}
/*------------------------------FAQ------------------------------*/
#faq .main .page-ttl{
	background: url('./../img/faq/page-ttl-bg.jpg') no-repeat center bottom;
	background-size: cover;
}
#faq .page-nav{
	margin-top: 50px;
	background: url('./../img/faq/page-nav-bg.jpg') no-repeat center bottom;
	background-size: cover;
}

#qa-dl dt{
	font-weight: normal;
	width: 100%;
	background: url('./../img/faq/ttl-q.png') no-repeat left top;
	background-size: 55px 50px;
	border-top:1px solid #ae956c;
	padding: 20px 1em 18px 70px;
}
#qa-dl dd{
	background: #f3efe9 url('./../img/faq/ttl-a.png') no-repeat left top;
	background-size: 55px 50px;
	border-top:none;
	padding: 20px 1em 18px 70px;
	display: none;
}
.qa-icon{
	float: right;
	background: #ae956c;
	color: #fff;
	padding: 1px 8px 0;
	font-size: 2.4rem;
	margin-top: -4px;
}
.qa-icon:before {
  font-family: 'FontAwesome';
  content: "\f067";
	
}
.active .qa-icon:before {
  font-family: 'FontAwesome';
  content: "\f068";
	
}

/*------------------------------ご予約------------------------------*/
#booking .main .page-ttl{
	background: url('./../img/booking/page-ttl-bg.jpg') no-repeat center bottom;
	background-size: cover;
}
#booking th{
	background: #c2e5d8;
	color:#000;
	border: none;
	border-bottom: 1px solid #dbdbdb;
}
#booking tbody th{
	background: #e0f2eb;
}
#booking td{
	border: 1px solid #dbdbdb;
}
#tokuten h2{
	color: #926200;
	margin-bottom: 10px;
}

.tokuten-bn{
	margin-top: 15px;
	display: inline-block;
	font-size: 3.2rem;
}

.tokuten-bn img{
	width: 45%;
	max-width: 360px;
}

#search{
	z-index: 99;
	padding: 20px 0;
	text-align: center;
}
#search .row{
	margin-bottom: 15px;;
}

.search-wrap{
	position: relative;
	background: #e9e3d9;
	padding: 30px 5% 15px;
}
.search-wrap h2{
	margin-bottom: 10px;
	width: 100%;
}
.search-wrap img{
	width: 100%;
}
.bestprice img{
	width: 290px;
}
.yoyaku{
	position: absolute;
	top:-4px;
	left: -4px;
	width: 113px;
	z-index: 1;
}
.search-form {
	margin-top: 20px;
	width: 100%;
}
.search-form p{
	margin-bottom: 0;
}
.search-form .day{
	float: left;
	width: 26%;
	padding: 0 10px;
}
.search-form .day p{
	text-align: center;
}

.search-form .stay,
.search-form .person,
.search-form .room{
	float: left;
	width: 10%;
	padding: 0 10px;
}

.search-form select,
.search-form input{
	border: none;
	padding: 6px;
	font-size: 2rem;
	width: 100%;
	height: 3.5rem;
	margin-right: 3px;
	margin-bottom: 5px;
}
.search-form input.obj_no_date{
	width: auto;
	height: auto;
	padding: 0;
}
.search-form select{
	padding: 1px 6px;
}
.search-form .btn{
	width: 21%;
	padding: 17px 0;
}
.search-form .btn-plan{
	padding: 17px 0;
	background: #fff;
	border: 1px solid #432c0b;
}
.search-form .btn-plan:hover{
	background: #432c0b;

}
.search-form .btn-plan:hover a{
	color: #fff;
}
.search-form input.submit {
	color: #fff;
	margin: 0;
	font-size: 1.6rem;
	height: auto;
}
.search-form input.submit:hover {
	color: #432c0b;
}
.btn-plan a{
	color: #432c0b;
	padding: 0;
}

.yoyaku-check{
	clear: both;
}
.yoyaku-check p{
	padding: 0 10px;
	display: inline-block;
}
.yoyaku-check span{
	font-size: 2rem;
	font-weight: bold;
}

.yoyaku-check li{
	display: inline;
	padding: 2px 10px;
	border-left:1px solid #432c0b;
}
.yoyaku-check li:first-child {
	border: none;
}
.tell-info{
	padding: 15px 0 0;
		border-top:1px solid #fff;
}
.tell-info span{
	font-size: 2.2rem
}
.tell-info strong{
	color: #01935c;
	font-weight: bold;
	font-size: 3.2rem
}

/*------------------------------宿泊約款------------------------------*/
#terms .text-wrap{
	text-align: left;
}

/*------------------------------カルーセル------------------------------*/
 .carousel-indicators {
    bottom: 16px;
    right: 13px;
    left: auto;
    padding: 5px 0;
    margin: 0;
  }
.carousel-indicators li {
    width: 73px;
    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 #fff;
	 
 }
.carousel-indicators li::before,
.carousel-indicators li::after {
    width: 0;
    height: 0;
  }
  
  

/*------------------------------フォーム------------------------------*/

.form-wrap{
	background: #eee8d7;
	padding: 3% 5%;
	text-align: left;
	margin-bottom: 40px;
}

.form-wrap .row{
    margin-bottom: 1em;
}
.form-wrap .btn{
	font-size: 3rem;
	width: 70%;
	margin: 15px 15%;
	padding: 10px 0;
}
.form-wrap .btn:hover{
	background: #fff;
}



/* ==========================================================================
Footer
========================================================================== */
footer{
	position: relative;
	padding:0;
}
footer .row{
	margin-bottom: 0;
}
.footer-nav{
	font-size:1.4rem;
	background: #e9e7d9;
	padding: 20px 0;
}
.footer-nav ul{
	width: 20%;
	margin-bottom: 0;
}
.footer-nav li a{
	padding:2px 2px 2px 15px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.footer-nav li a:hover{
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.footer-nav li a:before {
	content: "\f105";
	font-family: FontAwesome;
	padding-right: 8px;
}
.menu-info{
	display: none;
}

.f-contact {
	padding: 30px 5% 5px;
	line-height: 1.7;
	border-bottom: 1px dashed #000;
	display: inline-block;
}
.f-contact .txt{
	font-size: 1.8rem;
	margin-bottom: 0;
}
.f-contact .f-tell{
	font-size: 2.6rem;
	font-weight: bold;
}

.footer-info{
	text-align: center;
	font-size: 1.6rem;
}
.footer-logo{
	padding: 27px 0;
	margin: 0;
}
.footer-logo img{
	width: 247px;
	height: 104px;
}
footer .checkin{
	margin-bottom: 30px;
}

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

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


/* ==========================================================================
Media queries
========================================================================== */
@media(max-width:768px) {
.header{
	height: 66px;
	z-index: 1020;
}

.logo a{
	background-size: 167px 41px;
	margin: 5px 5px 5px 0;
	padding: 0;
	height: 41px;
	z-index: 9999;
}
.nav-wrapper{
	background: none;
	margin: 0;
}
.header .nav-bg{
	padding:3px 0px;
}
.nav{
	position: relative;
	width: 100%;
	background: none;
	padding-right: 0;
}
nav li.nav-item{
	width: 49%;
	text-align: center;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #4c2e0b;
}
.navbar-nav{
	display: inline-block;
	border-left: none;
	display: none;
}
.navbar-nav .nav-link{
	font-size: 16px;
	line-height: 1;
	border-left: none;
	padding: 24px 0;
}
.nav2 a.nav-link{
	padding: 16px 0;
}

.navicon{
	display: block;
}
.nav-toggle{
	position: fixed;
}

.sub-nav{
	
}
.nav-info,
.nav-sns{
	display: none;
}
.lang-icon{
	position: absolute;
	top:0;
	right:58px;
	padding: 3px 8px;
	cursor: pointer;
	display: block;
	background: #7eb99b;
	color: #fff;
	font-size: 1rem;
	text-align: center;
	z-index: 9999;
}
.lang-icon i{
	padding: 3px 0 1px;
	font-size: 3rem
}
.nav-lang{
	display: none;
	position: absolute;
	top:56px;
	right: 35px;
	z-index: 9999;
}
.nav-lang li{
	float: none;
	display: block;
}
.nav-lang a{
	border: none;
}
.nav-lang.open{
	display: block;
}
.nav-sp{
	display: block;
}
nav li.nav-item.nav-book{
	width: 96%;
	margin: 0 2%;
	padding-top: 10px;
	border-bottom: none;
}

/*
.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;
}
h4{
	font-size: 1.6rem;
}
.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;;
}
dt,
dd{
	
}



/* ==========================================================================
main
========================================================================== */
.wrapper{
	width: 100%;
	margin: 0;
	padding-top: 54px;
}
.page-head{
	margin-bottom: 0;
}
.main .page-ttl{
	height: 100px;
}
.main .page-ttl h1{
	
	font-size: 28px;
	padding: 25px 0 10px 0;
	text-align: center;
}
.main .page-txt{
	text-align: left;
	padding: 20px 3%;
	margin-bottom: 0;
}
.page-nav{
	margin-bottom: 10px;
	background-size:cover;
}
.page-nav ul{
	width: 100%;
	text-align: center;
}
.page-nav li{
	padding: 0 1%;
	display: inline-block;
	font-size: 13px;
	width: 30%;
}
.page-nav li a{
	padding: 0;
}
.page-nav img{
	width: 100%;
	height: auto;
}
.page-nav2 li{
	margin-bottom: 3px;
}

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: 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 dt{
	width: 5rem;
	padding: 10px 0em 10px 0.7em;
}
#rooms dd{
	padding: 10px 0.7em 10px 0.5em;
}
#rooms .btn{
	width: 100%;
}
#rooms .btn a{
	font-size: 1.4rem;
	padding: 10px 0;
}
#rooms .text-wrap{
	padding-bottom: 0;
}
#rooms .madorizu{
	display: none;
}
#rooms .madori-btn{
	display: block;
}
#amenity .photo{
	margin:  0 0 5px;
}
#mainbath{
	margin-bottom: 0;
}
.sub-text {
	display: block;
}
.sub-text .fs14{
	font-size: 1.2rem;
}

#facilities h3{
	font-size: 2.0rem;
}
#rental span{
	font-size: 1.4rem;
}
#facilities .text-wrap{
	padding-bottom: 0;
}
.sub-box h4{
	font-size: 1.8rem;
	margin-top: 0;
}
#summary .time{
	font-size: 1.4rem;
	padding: 10px;
}
#summary dt{
	width: 100%;
	padding: 10px 1em 2px 1em
}
#summary dd{
	border: none;
	padding: 0 1em 10px 1em
}
#rental .col-md-4 .photo{
	margin-top: 0;
}
#onsen .page-nav{
	background-size: cover;
	padding-top: 5px;
}
/*------------------------------お料理------------------------------*/
#dining .page-nav{
	background-size: cover;
	padding-top: 5px;
}
#seasonal h2{
	font-size: 2.2rem;
	margin: 10px 0 10px 0;
	font-weight: bold;
}
#seasonal .text-wrap h3{
	font-size:2rem;
	line-height: 1;
}
#seasonal .text-wrap h3 .fs20{
	font-size: 1.4rem;
}
.nemagari,
.nozawana{
	margin-bottom: 20px;
}
.nemagari .text-wrap,
.nozawana .text-wrap{
	padding: 15px 10px 0;
	margin: 0;
}
.nemagari .photo,
.nozawana .photo{
	margin: 0 -15px;
}
.allergies-list{
	padding-left:1rem;
}
/*------------------------------アクティビティ------------------------------*/
#activity .page-nav{
	background-size: cover;
	padding-top: 5px;
}
#activity .page-nav .row{
	margin-right:-10px;
	margin-left: -10px;
	
}
#activity .page-nav li{
	width: 24%;
	padding: 0 0.5%;
}
#hike .hike-wrap,
#ski .ski-wrap{
	padding:5%;
	margin-bottom:15px;
}
#hike h2 span,
#ski h2 span{
	font-size: 2.2rem;
	padding: 0;
}

.couse-wrap{
	padding: 10px 0 0;
}
#hike h4,
#ski h4{
	font-size:1.8rem;
	margin-bottom: 8px;
}
.ski-wrap .col-md-12{
	margin-top: 0;
}
#snowshoe{
	margin-top: 20px;
}
#spot .spot-wrap .text-wrap{
	padding: 0 0 10px;
}
#spot .spot-wrap h4{
	text-align: center;
	font-size: 1.8rem;
	margin-bottom: 10px;
}
.recommend-list h4{
	font-size: 1.6rem;
	
}
.recommend-list .photo{
	margin: 0 -8px 3px;
}
.text-wrap-c{
	text-align: center;
	
}

.map img{
	width: 100%;
}
.border{
	padding: 0 3%;
}
.ski-wrap .link-wrap{
	border: none;
	padding:10px 3% 0;
}
/*------------------------------アクセス------------------------------*/
#access .page-nav li{
	width: 48%;
}
#access .photo iframe{
	height: 250px;
}
.access-wrap{
	margin-top: 20px;

}
.map-sp{
	display: block;
}
.root-wrap{
		display: none;
}
.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%;
}

.road{
}
.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;
}

.timetable{
	padding: 15px 3% 0;
}
.sightseeing-btn{
	margin: 10px 0;
	width: 100%;
}
.root-info{
padding: 5px 3%;
}
/*-------------------------------faq-----------------------------*/
#faq .page-nav{
	margin-top:0;
}
#faq .page-nav li {
	width: 49%;
}
.page-nav2 li a{
	padding: 8px 6px;
}

#qa-dl dt{
	position: relative;
	background-size: 39px 35px;
	padding: 12px 26px 16px 50px;
}
#qa-dl dd{
	background-size: 39px 35px;
	padding: 12px 26px 16px 50px;
}
.qa-icon{
	position: absolute;
	top:16px;
	right: 0;
	padding: 1px 5px 0;
	font-size: 1.4rem;
}
.qa-icon:before {
  font-family: 'FontAwesome';
  content: "\f067";
	
}
.active .qa-icon:before {
  font-family: 'FontAwesome';
  content: "\f068";
	
}
/*-------------------------------予約-----------------------------*/
.bestprice {
	margin: 20px auto 10px;
	text-align: center;
}
.bestprice img{
	width: 70%;
}
#tokuten h2{
	font-size: 2.2rem;
}
.tokuten-bn{
	font-size: 1rem;
	margin-top: 0;
}
#search{
	padding-top: 0;
}

.search-wrap{
	margin: 0;
	padding: 15px 0;
}
.search-form{
	padding: 15px;
	text-align: left;
}
.search-box{
	width: 60%;
	
	float: left;
}
.btn-box{
	width: 40%;

	float: right;
}
.search-form .day{
	width: 100%;
	padding: 0 2%;
}
.search-form .day p{
	text-align: left;
}
.no-day label{
	float: left;
}
.search-form .stay, .search-form .person, .search-form .room{
	width: 33%;
	padding: 0 2%;
}
.search-form .btn{
	width: 94%;
	margin: 2rem 2% 7px;
	font-size: 1.4rem;
}
.search-form .btn-plan{
	padding: 0;
	margin-top: 0;
}
.search-form .btn-plan a{
	padding: 12px 0;
}
.yoyaku-check span{
	font-size: 1.8rem;
}
.tell-info {
	text-align: center;
}
.tell-info p{
	text-align: center;
}
.tell-info span{
	font-size: 1.4rem;
}
.tell-info strong{
	font-size: 2.2rem;
}


.cancel-tbl {
	width: 100%;
}

.cancel-tbl th,
.cancel-tbl td{
	font-size: 1.2rem;
}
#booking tbody th{
	width: 20%;
}
.th-ttl{
	width: 28%;
}

/*
.cancel-tbl thead {
	display: none;
}
.cancel-tbl tr {
	width: 100%;
}
.cancel-tbl th{
	font-size: 1.2rem;
}
.cancel-tbl td {
	font-size: 1.2rem;
	display: block;
	text-align: right;
	width: 100%;
}
.cancel-tbl td:first-child {
	background: #e9727e;
	color: #fff;
	font-weight: bold;
	text-align: center;
}
.cancel-tbl td:before {
	content: attr(data-label);
	float: left;
	font-weight: bold;
	margin-right: 10px;
}

#booking tbody th{
		width: 40%;
}*/

/* ==========================================================================
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:55px;
     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: inline-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: 12px 0 8px 0;
    color: #fff;
    text-transform: uppercase;
    font-weight: 400;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    color: #000!important;
}
.overlay ul li a:hover, .overlay ul li a:focus {

}

/* 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;
	border-top:1px solid #000;
}
.footer-nav{
	border: 1px solid #e9e7d9;
}
.footer-nav ul{
	width: 50%;
}
.footer-nav li{
	text-align: center;
	float: left;
	width: 100%;
	padding: 0;
	border: 1px solid #e9e7d9;
	height:60px;
}
.footer-nav ul li a{
	padding: 18px 0 12px 0;
	font-size: 1.6rem;
}
.footer-nav ul.nav-last{
	width: 100%;
	border: none;
	border-top: 1px solid #e9e7d9;
	border-bottom: 2px solid #e9e7d9;
}
.footer-nav ul.nav-last li{
	float: none;
	width: auto;
	display: inline-block;
	border: none;
}

.footer-nav ul.nav-last li a{
	font-size: 1.4rem;
	padding-left: 1.5rem;
	}
.footer-nav .nav-s li a:before,
.footer-nav .nav-l li a:before,
.menu-info .f-sns li a:before{
	content: none;
}
.footer-nav ul.nav-l{
	width: 100%;
}
ul li.nav-half{
	width: 50%;
	float: left;
}

.menu-info{
	display: block;
	text-align: center;
}
.menu-info p{
	font-size: 1.2rem;
}
.menu-info .f-contact {
	padding: 20px 0 10px;
}
.menu-info .f-contact .txt{
	font-size: 1.6rem;
}
.menu-info .footer-logo{
	padding-top: 25px;
}
.menu-info .footer-logo img{
	width: 60%;
	height: auto;
}

.menu-info .f-sns{
	text-align: center;
	width: 89px;
	list-style: none;
	padding: 4px 0 2px 0;
	margin: 0 auto;
}
.menu-info .f-sns li{
	float: left;
	width: 37px;
	height: 36px;
	margin: 0 5px;
	background: #e9e3d9;
}
.menu-info .f-sns li a{
	font-size: 2.4rem;
	padding: 5px 0;;
}
.menu-info .f-sns li:first-child a{
	border-right:1px solid #432c0b ;
	border: none;
}




.f-contact{
	padding: 10px 0;
}
.footer-logo{
	padding: 15px 0;
}
.footer-logo img{
	width: 60%;
	height: auto;
}
.f-contact .txt{
	font-size: 1.4rem;
}
.address{
	width: 100%;
	margin-bottom: 10px;
	font-size: 1.2rem;
}
footer .checkin{
	font-size: 1.2rem;
	margin-bottom: 10px;
}

.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;
}


}

@media screen and (min-width:769px) and ( max-width:1200px) {
.container {
    max-width: 100%;
}
.sub-nav{
	width: 70%
}
.nav-info a{
	font-size:1.4vw;
}
.sub-nav li.tell{
	font-size:2.2vw;
	margin-left: 5px;
}
.nav-lang{

	margin: 0 0 0 5px;
}
.nav-lang a{
	padding: 0.9rem 8px;
	font-size:1.2vw;
}
.nav-sns{

	height: auto;
	margin: 0 5px;
	padding: 3px 0;
}
.nav-sns li{
	display: inline-block;
}
.nav-sns li a{
	text-align: center;
	font-size:1.7vw;
}
.nav-sns li:first-child a{
}
.navbar-nav{
	display: block;
}
.page-nav li{
	width: 16%;
}

.photo{
	margin: 0 0 15px 0
}

#rooms .madorizu{
	display: block;
}

.footer-logo img{
	width:35%;
	height: auto;
}
/*
.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;
}