/*------------------------------------------------------------------
Theme Name: HOTELIER
Version:	1.0
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
[TABLE OF CONTENTS]

	1. Global Styles
	2. Extras Styles
	3. Header
		3.1. Navmenu
		3.2. Registration popup
	4. Slider
	5. Page Styles
	6. Gallery Styles
	7. Dual Slider
	8. Other Styles
	9. Services
	10. Testimonial
	11. Google Map
	12. Awards
	13. Blog Styles
	14. Calendar
	15. Single Post
	16. Tabs
	17. Contact
	18. About Page
	19. 404 Page
	20. Footer
	21. Responsive Styles

-------------------------------------------------------------------*/


/* 1. Global Styles */

* {
	padding: 0;
	margin: 0;
}

body {
	padding: 0;
	margin: 0;
	text-rendering: optimizelegibility;
	font-family: 'Vollkorn', "Yu Mincho", YuMincho, Georgia, "Hiragino Mincho ProN", serif;
	font-size: 15px;
	color: #232323;
	background: url(../img/back1.jpg) repeat;
}

/* body#sightseeing {
    background:url(../img/back4.jpg) repeat;
} */
li,
ul,
ol {
	list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Yu Mincho", YuMincho, 'Vollkorn', Georgia, "Hiragino Mincho ProN", serif;
	color: #4b1109;
	font-weight: 400;
	margin: 0px;
	padding: 0px;
	line-height: 1.6em;
	letter-spacing: 0.02em;
}

p {
	font-family: 'Vollkorn', "Yu Mincho", YuMincho, Georgia, "Hiragino Mincho ProN", serif;
	color: #232323;
	font-weight: 400;
	font-size: 15px;
	line-height: 1.6em;
	margin: 0;
	padding: 0;
}

/* ul li {
	font-family: "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, serif;
    color:#232323;
    font-weight: 500;
	font-size: 14px;
    line-height: 1.6em;
}*/
ul li,
table th,
td {
	font-family: 'Vollkorn', "Yu Mincho", YuMincho, Georgia, "Hiragino Mincho ProN", serif;
	color: #232323;
	font-weight: 400;
	font-size: 14px;
	line-height: 1.6em;
}

.table-bordered.tb-table th {
	background: rgba(222, 167, 57, .2)
}

.table-bordered.tb-table th {
	font-weight: 600;
	width: 25%;
	vertical-align: middle;
	color: #4b1109;
}

.table-bordered.tb-table td {
	background: rgba(255, 255, 255, 0.6)
}

.table-bordered.tb-table th,
.table-bordered.tb-table td {
	padding: 20px 10px 20px 15px;
	line-height: 2em;
}

.table-bordered>thead>tr>th,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>tbody>tr>td,
.table-bordered>tfoot>tr>td {
	border: 1px solid #4b1109;
	border-width: 1px 0;
}

a {
	color: #4b1109;
}

a,
a:hover {
	transition: .4s;
}

a:hover,
a:active,
a:focus {
	color: #dea739;
}

a,
a img {
	text-decoration: none !important;
	border: 0;
	outline: none !important;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease
}

a img:hover {
	opacity: 0.7;
}

a,
a:hover,
a:focus,
a:active,
button,
button:focus,
input,
textarea {
	outline: 0;
}

.bold {
	font-weight: bold;
}

.gold {
	color: #dea739 !important
}

.Vollkorn {
	font-family: 'Vollkorn' !important;
	font-size: 115%;
}

.caution_red {
	color: #7f4c41 !important;
	font-size: 90%;
}

.mb0 {
	margin-bottom: 0px !important;
}

.mb5 {
	margin-bottom: 5px !important;
}

.mb10 {
	margin-bottom: 10px !important;
}

.mb15 {
	margin-bottom: 15px !important;
}

.mb20 {
	margin-bottom: 20px !important;
}

.mb25 {
	margin-bottom: 25px !important;
}

.mb30 {
	margin-bottom: 30px !important;
}

.mb35 {
	margin-bottom: 35px !important;
}

.mb40 {
	margin-bottom: 40px !important;
}

.mb45 {
	margin-bottom: 45px !important;
}

#wrapper {
	width: 100%;
	float: left;
	position: relative;
	overflow: hidden;
}

.bg-grey {
	background-color: #ece7dd;
}

.white {
	color: #fff !important;
}

.center {
	text-align: center !important;
}

.text-right {
	text-align: right;
}

.img-responsive {
	max-width: 100%;
}

.tel {
	font-size: 120%;
	font-weight: 600;
}

.pcr992 {
	display: inherit;
}

.rsp992 {
	display: none;
}

.rsp600 {
	display: none !important;
}

.pcr767 {
	display: inherit;
}

.rsp {
	display: none;
}

@media screen and (max-width:992px) {
	.pcr992 {
		display: none;
	}

	.rsp992 {
		display: inherit;
	}
}

@media screen and (max-width:767px) {
	.pcr767 {
		display: none;
	}

	.rsp {
		display: block;
	}
}

@media screen and (max-width:600px) {
	.rsp600 {
		display: block !important;
	}
}

/* Loading */
#loader {
	width: 100px;
	height: 73px;
	display: none;
	position: fixed;
	_position: absolute;
	/* IE6対策 */
	top: 50%;
	left: 50%;
	margin-top: -36.5px;
	/* heightの半分のマイナス値 */
	margin-left: -50px;
	/* widthの半分のマイナス値 */
	z-index: 9999;
}

#fade {
	width: 100%;
	height: 100%;
	display: none;
	background-color: #FFFFFF;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 999;
}

/* 2. Extras Styles */
.col-centered {
	float: none;
	margin: 0 auto;
}

ul.sspecific {
	display: block;
}

ul.specific {
	width: 100%;
	margin-top: 15px;
}

ul.specific li {
	display: block;
	float: left;
	padding: 0 0 25px 16px;
	position: relative;
	font-size: 15px;
	line-height: 15px;
	margin-left: 15px;
}

ul.specific li:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	background-image: url(../img/maru.png);
	background-position: center left;
	height: 11px;
	width: 14px;
}

ul.listmaru li {
	margin-bottom: 5px;
	position: relative;
	padding-left: 18px;
}

ul.listmaru li:before {
	position: absolute;
	top: -1px;
	left: 0;
	right: 0;
	bottom: 0;
	content: url(../img/listmaru.png);
	color: #727138;
}

.title {
	width: 100%;
	text-align: center;
	padding-bottom: 80px;
	position: relative;
}

.title h6 {
	font-family: 'Segoe Script', 'Kalam', cursive;
	font-size: 22px;
	line-height: 14px;
	color: #dea739;
	padding-bottom: 22px;
	letter-spacing: 0.02em;
	line-height: 1.3em;
}

.title h3 {
	font-size: 26px;
	line-height: 1.6em;
	font-weight: 500;
	padding-bottom: 28px;
	position: relative;
	z-index: 99;
}

.title h2 {
	font-size: 24px;
	line-height: 1.6em;
	font-weight: 400;
	padding-bottom: 28px;
	position: relative;
	z-index: 99;
	letter-spacing: 0.05em;
}

.title h3:after {
	position: absolute;
	content: url(../img/mini_moon.png);
	background-repeat: no-repeat;
	bottom: 0;
	left: -110px;
	right: 0;
	z-index: -1;
}

.home-gal .title h3:after {
	position: absolute;
	content: url(../img/mini_moon.png);
	background-repeat: no-repeat;
	bottom: -15%;
	left: -40px;
	right: 0;
	z-index: -1;
}

.home-gal .title h6 {
	position: absolute;
	top: 15px;
	left: 30%;
	font-size: 20px;
}

.title .menucaution {
	margin-top: 20px;
	font-size: 13px;
}

h4.lead {
	font-size: 22px;
	line-height: 1.6em;
	font-weight: 700;
}

p.toplead {
	font-family: "Yu Mincho", YuMincho, Georgia, "Hiragino Mincho ProN", serif, 'Vollkorn', sans-serif;
	font-size: 16.5px;
	line-height: 2em;
	padding: 0 28px;
	font-weight: 400;
	color: #232323;
}

p.toplead2 {
	font-family: "Yu Mincho", YuMincho, Georgia, "Hiragino Mincho ProN", serif, 'Vollkorn', sans-serif;
	font-size: 14.5px;
	font-weight: 800;
	color: #232323;
}

p.lead_first {
	font-family: "Yu Mincho", YuMincho, Georgia, "Hiragino Mincho ProN", serif, 'Vollkorn', sans-serif;
	font-size: 16.5px;
	line-height: 1.5em;
	padding: 0 28px;
	font-weight: 400;
	color: #4b1109;
	padding-top: 40px;
	padding-bottom: 40px;
	font-weight: bold;
}

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

	p.lead_first,
	p.lead_third,
	.name {
		padding-top: 20px !important;
		padding-bottom: 20px !important;
	}
}

p.lead_second {
	font-family: "Yu Mincho", YuMincho, Georgia, "Hiragino Mincho ProN", serif, 'Vollkorn', sans-serif;
	font-size: 16.5px;
	color: #4b1109;
	font-weight: bold;
}

p.lead_third {
	font-family: "Yu Mincho", YuMincho, Georgia, "Hiragino Mincho ProN", serif, 'Vollkorn', sans-serif;
	font-size: 16.5px;
	line-height: 2em;
	padding: 0 28px;
	font-weight: 400;
	color: #4b1109;
	padding-top: 40px;
	font-weight: bold;
}

.lead_forth {
	font-size: 15px;
	line-height: 2em;
	padding: 0 28px;
	color: #232323;
	padding-top: 40px;
}

.lead_fifth {
	font-size: 15px;
	line-height: 2em;
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}

p.name {
	font-family: "Yu Mincho", YuMincho, Georgia, "Hiragino Mincho ProN", serif;
	font-size: 16.5px;
	line-height: 2em;
	padding: 0 28px;
	font-weight: 400;
	color: #232323;
	padding-top: 60px;
}

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

	p.lead_first,
	p.lead_second,
	p.lead_third,
	p.name,
	p.lead_forth {
		font-size: 14px;
	}
}

.nakamidashi {
	font-size: 22px;
	line-height: 1.6em;
	padding-bottom: 30px;
	font-weight: 700;
}

#content {
	float: left;
	width: 100%;
}

/* side sticky-menu */
.sticky-menu {
	position: fixed;
	top: 90%;
	right: 20px;
	z-index: 999999;
}

.sticky-menu ul {
	display: block;
}

.sticky-menu ul li {
	display: block;
	position: relative;
	width: 50px;
	height: 50px;
	background-color: #dea739;
	border-bottom: 1px solid #f3ebd7;
	transition: .4s;
	border-radius: 25px;
}

.sticky-menu ul li:hover {
	background-color: #4b1109;
}

.sticky-menu ul li a {
	font-family: 'Segoe Script', 'Kalam', cursive;
	font-size: 16px;
	line-height: 47px;
	color: #f9f5ec;
	text-align: center;
	width: 50px;
	display: table;
	cursor: pointer;
}

.sticky-menu ul li:hover a {
	color: #dea739;
}

.sticky-menu ul li:last-child {
	border-bottom: none;
}

.tooltip-inner {
	background-color: #4b1109;
	width: auto !important;
	border-radius: 0;
	text-wrap: none;
	padding: 0 14px;
	line-height: 44px;
}

.tooltip.left .tooltip-arrow {
	top: 50%;
	right: 0;
	margin-top: -5px;
	border-width: 5px 0 5px 5px;
	border-left-color: #4b1109;
}

.slide_wrap {
	position: relative;
}

/* 3. Header */
header {
	/*height: 134px;*/
	width: 100%;
	position: absolute;
	margin-bottom: 0px;
	display: table;
	top: 0;
	left: 0;
	right: 0;
}

.header_top {
	height: 60px;
	width: 100%;
	position: absolute;
	margin-bottom: 0px;
	background: #d0c1a9;
	display: table;
	top: 0;
	left: 0;
	right: 0;
	z-index: 999;
}

/* 3.1. Navmenu */
.nav-active .navheader {
	opacity: 1;
	visibility: visible;
	transition: .4s;
	transition-delay: .5s;
}

.navheader {
	opacity: 1;
	transition: .4s;
}

/* .navbar-default {
	background-color: #4b1109;
	border: none;
	border-radius: 0px;
	padding: 0;
	border-top: 7px solid #dea739;
	height: 134px;
	position: relative;
	width: 100%;
	left: 0%;
	transition: .7s;
    opacity: 1;
	visibility: visible;
	z-index: 99;
}*/
.navbar-default {
	background-color: transparent;
	background: url(../img/menu_back.jpg);
	border: none;
	border-radius: 0px;
	padding: 0;
	border-top: none;
	height: 100px;
	position: relative;
	width: 100%;
	left: 0%;
	transition: .7s;
	opacity: 1;
	visibility: visible;
	z-index: 99;
}

.navbar-default.nav-active {
	left: 0%;
	transition: .7s;
}

/* -------- Header PCトップページ用  -------- */
#toppage header {
	width: 100%;
	position: absolute;
	margin-bottom: 0px;
	display: table;
	top: inherit;
	bottom: -130px;
	left: 0;
	right: 0;
}

#toppage .header_top {
	height: 60px;
	width: 100%;
	position: absolute;
	margin-bottom: 0px;
	background-color: transparent;
	display: table;
	top: inherit;
	bottom: 135px;
	left: 0;
	right: 0;
	z-index: 999;
}

#toppage .header_top .header_right {
	text-align: right;
}

#toppage .toplogo {
	display: none;
}

#toppage .top_text {
	position: absolute;
	top: 30%;
	left: 25px;
	z-index: 990;
}

#toppage .top_text p {
	color: #fff;
	font-size: 12px;
	margin-top: -10px;
}

#toppage .top_text .tel {
	font-size: 18px;
}

.contact {
	display: inline;
	padding: 43px 20px 0;
	line-height: 100px;
}

@media only screen and (max-width: 992px) {
	#toppage .contact {
		display: inline;
		padding: 25px 30px 0;
		float: right;
		line-height: 1em;
	}

	.contact {
		display: inline;
		padding: 38px 30px 0;
		float: right;
		line-height: 1em;
	}
}

.contact_fotter {
	display: inline;
	padding: 0;
	line-height: 100px;
}

.contact_fotter .contact_button {
	background: url(../img/button_back.jpg);
	padding: 10px 20px;
	color: #fff;
	border-radius: 3px;
	display: block;
	line-height: 24px;
	margin-bottom: 10px;
	max-width: 200px;
}

.contact_button {
	background: url(../img/button_back.jpg);
	padding: 10px 25px;
	color: #fff;
	border-radius: 3px;
}

.contact_button:hover {
	color: #4b1109;
}

.toplogo {
	position: absolute;
	top: 25%;
	left: 25px;
	z-index: 990;
}

.toplogo img {
	width: 100%;
}

.header_content {
	height: 134px;
	width: 100%;
	position: absolute;
	margin-bottom: -20px;
	display: table;
	top: 60px;
	left: 0;
	right: 0;
}

.header_top .header_left {
	margin-top: 5px;
	float: left;
	width: 80%;
	padding-left: 40px;

}

.header_top .header_left p {
	font-size: 12px;
	color: #4b1109;
	line-height: 1.6em;
	margin-top: 16px;
	font-family: "Yu Mincho", YuMincho, Georgia, "Hiragino Mincho ProN", serif;
	font-weight: 600;
	letter-spacing: 0.08em;
}

.header_top .header_right {
	font-size: 0;
	float: right;
}

.header_top .header_right .topmenu {
	list-style: none;
	display: inline-block;
	margin-right: 15px;
	margin-top: 18px;
}

.header_top .header_right .topmenu li {
	display: inline;
	color: #fff;
	font-size: 13px;
	padding: 0 10px 0 20px;
	position: relative;
	font-family: "Yu Mincho", YuMincho, Georgia, "Hiragino Mincho ProN", serif;
}

.header_top .header_right .topmenu li a {
	color: #fff;
}

.header_top .header_right .topmenu li a:hover {
	color: #dea739;
}

@media only screen and (min-width: 993px) and (max-width: 1150px) {
	.header_top .header_right .topmenu li {
		font-size: 13px;
		padding: 0 8px 0 17px;
		position: relative;
	}
}

.header_top .header_right .topmenu li:after {
	position: absolute;
	content: "|";
	top: -1.5px;
	left: 0;
	bottom: 0;
}

.header_top .header_right .topmenu li:first-child:after {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	bottom: 0;
}

.header_top .header_right .dropdown {
	font-size: 14px;
	position: relative;
	display: inline-block;
	z-index: 999;
	font-family: "Yu Mincho", YuMincho, Georgia, "Hiragino Mincho ProN", serif;
	padding: 10px 40px 10px 10px;
}

.header_top .header_right .dropdown span {
	color: #fff;
	line-height: 36px;
	display: inline-block;
	padding-left: 20px;
	padding-right: 20px;
	cursor: pointer;
	border-radius: 5px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	background-color: rgba(75, 17, 9, .6);
}

.header_top .header_right .dropdown ul {
	line-height: none;
	list-style: none;
	padding: 0;
	margin-bottom: 0;
	background-color: #fff;
	position: absolute;
	min-width: 115px;
	right: 0;
	width: 100%;
	z-index: 9999;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.58);
}

.header_top .header_right .dropdown ul li {
	font-family: "Yu Mincho", YuMincho, Georgia, "Hiragino Mincho ProN", serif;
}

.header_top .header_right .dropdown ul li a {
	font-size: 14px;
	display: block;
	padding: 5px 20px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease
}

.header_top .header_right .dropdown ul li a:hover {
	background-color: #4b1109;
	color: #fff
}

.header_top .header_right .dropdown ul li.active a {
	background-color: #4b1109;
	color: #fff
}

.header_top .header_right .dropdown:hover span {
	background-color: #fff;
	color: #333
}

.header_top .header_right .dropdown:hover ul {
	visibility: visible;
	opacity: 1
}

.header_top .header_right .booking {
	margin: 0 10px 0 30px;
	position: relative;
	z-index: 999;
	font-family: "Yu Mincho", YuMincho, Georgia, "Hiragino Mincho ProN", serif;
}

.header_top .header_right .booking a {
	background-color: #dea739;
	padding: 8px 18px 7px;
	border: 1px solid #fff;
	webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 14px;
	line-height: 1em;
	color: #fff;
	display: inline-block;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease
}

.header_top .header_right .booking a.active {
	background-color: #fff;
	color: #333;
	border: 1px solid #666
}

.header_top .header_right .booking a:hover {
	background-color: #4b1109;
	color: #fff;
	border: 1px solid #4b1109
}

.header_top .header_right .booking a:hover:after {
	border-top: 12px solid #fff;
}

.header_top .header_right .booking a:hover:before {
	border-top: 12px solid #666;
}

#bookingWrap {
	display: inline;
}

#bookingFixed {
	z-index: 999;
	position: fixed;
	top: 10px;
	right: 5px;
	display: none
}

.header_top .header_right .dropdown span:after {
	content: '\f0d7';
	font-family: 'FontAwesome';
	margin-left: 5px
}

/*  header superfish */
.sf-menu,
.sf-menu li.sf-mmenu {
	position: static !important;
}

.sf-menu li a,
.sf-menu ul li a {
	font-family: TrajanPro, "Yu Mincho", YuMincho, Georgia, "Hiragino Mincho ProN", serif !important;
}

.sf-mega {
	width: 100%;
	padding: 25px;
	box-shadow: none;
	background: #f9f5ec;
	border-top: 5px solid #dea739;
	-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .25);
	-moz-box-shadow: 0 3px 5px rgba(0, 0, 0, .25);
	box-shadow: 0 3px 5px rgba(0, 0, 0, .25);
}

.sf-menu .sf-mega {
	position: absolute;
	display: none;
	top: 100%;
	left: 0px;
	z-index: 99;
	max-width: 1130px;
	margin: 0 auto;
	right: 0;
}

.sf-menu ul {
	box-shadow: none;
	background: #f9f5ec;
	border-top: 5px solid #dea739;
	padding-top: 13px;
	padding-bottom: 27px;
	-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .25);
	-moz-box-shadow: 0 3px 5px rgba(0, 0, 0, .25);
	box-shadow: 0 3px 5px rgba(0, 0, 0, .25);
	z-index: 9999;
}

.sf-menu ul li {
	background: transparent !important;
	border: none;
}

.sf-menu ul li a {
	color: #3f3f3f;
	font-size: 16px;
	border: none;
	padding: 19px 33px;
}

.sf-menu ul li a:hover,
.sf-menu ul li.active {
	background: #e3ded3 !important;
	color: #3f3f3f !important;
}

.sf-menu ul li:last-child {
	border: none;
}

.sf-menu ul li:hover {}

.sf-mega-section span a {
	border: medium none;
	color: #3F3F3F;
	padding: 11px 20px;
	display: block;
	text-transform: uppercase;
	font-size: 12px;
}

.sf-menu>li {
	background: transparent !important;
}

.sf-menu>li.active {
	background: rgba(222, 167, 57, 0.6) !important;
}

.sf-menu>li:first-child:after {
	display: none;
}

.sf-menu>li>a {
	text-align: center;
	border-left: none;
	border-top: none;
	color: #F6F0E4;
	padding: 0 1.6em;
	line-height: 108px;
	text-decoration: none;
	font-size: 14px;
	font-weight: 500;
	margin-top: -8px;
}

.sf-menu>li>a:hover {
	background: transparent !important;
	color: #B59E5C;
}

.sf-menu>li:hover {
	background: transparent !important;
}

.sf-menu {
	float: none;
	width: auto;
	display: table;
	margin: 0;
	float: left;
}

.sf-menu>li>a>span {
	display: block;
	color: #dea739;
	font-size: 13px;
	position: absolute;
	top: 20px;
	right: 0;
	left: 0;
}

.sf-menu>li>a:hover>span {
	color: #B59E5C;
}

/*  header-sticky  */
#header .header_content.sticky {
	padding: 0;
	position: fixed !important;
	top: 0;
	z-index: 9999;
	-webkit-backface-visibility: hidden;
}

#header .header_content.sticky .toplogo img {
	width: 80%;
}

#header .header_content.sticky .toplogo {
	top: 28%;
}

#header .header_content.sticky .navbar-default {
	height: 80%;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
}

#header .header_content.sticky .navbar-default .menu-wrap {
	position: relative;
	height: 100%;
	margin: 0;
	padding: 0;
}

#header .header_content.sticky .sf-menu {
	z-index: 9999;
}

#header .header_content.sticky .sf-menu>ul {
	margin-top: 0px;
}

#header .header_content.sticky .sf-menu li:hover>ul,
#header .header_content.sticky .sf-menu li.sfHover>ul {
	display: block;
}

#header .header_content.sticky .sf-menu>li>a {
	border-left: none;
	border-top: none;
	line-height: 115px;
}

@media only screen and (min-width: 1151px) and (max-width: 1279px) {
	#header .header_content.sticky .sf-menu>li>a {
		border-left: none;
		border-top: none;
		/* padding: 38px 10px 38px; */
	}
}

@media only screen and (min-width: 993px) and (max-width: 1150px) {
	#header .header_content.sticky .sf-menu>li>a {
		border-left: none;
		border-top: none;
		line-height: 99px;
		/* padding: 30px 7px 30px; */
	}

	#header .header_content.sticky .contact {
		line-height: 90px;
	}

	#header .header_content.sticky .toplogo {
		top: 20%;
	}
}

#header.header-sticky .header_content:after {
	box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.58)
}

#header .header_content_top.sticky {
	padding: 0;
	position: fixed !important;
	top: 0;
	z-index: 9999;
	-webkit-backface-visibility: hidden;
	width: 100%;
}

#header .header_content_top.sticky .toplogo {
	display: inherit;
}

#header .header_content_top.sticky .top_text {
	left: 18%;
}

@media only screen and (max-width: 1400px) {
	#header .header_content_top.sticky .top_text {
		left: 22%;
	}
}

@media only screen and (max-width: 1330px) {
	#header .header_content_top.sticky .top_text {
		display: none;
	}
}

.btn,
.btn-default {
	font-family: "Yu Mincho", YuMincho, Georgia, "Hiragino Mincho ProN", serif;
	font-weight: 500;
	font-size: 14px;
	line-height: 16px;
	color: #dea739;
	padding: 7px 35px;
	background-color: rgba(255, 255, 255, 0.4);
	border: 1px solid #dea739;
	display: inline-block;
	text-align: center;
	margin-top: 30px;
}

.btn-default_de {
	font-family: "Yu Mincho", YuMincho, Georgia, "Hiragino Mincho ProN", serif;
	font-weight: 500;
	font-size: 14px;
	line-height: 16px;
	color: #dea739;
	padding: 7px 35px;
	background-color: rgba(255, 255, 255, 0.4);
	border: 1px solid #dea739;
	display: inline-block;
	text-align: center;
	margin-top: 10px;
}

.btn-default_en {
	font-family: "Yu Mincho", YuMincho, Georgia, "Hiragino Mincho ProN", serif;
	font-weight: 500;
	font-size: 14px;
	line-height: 16px;
	color: #dea739;
	padding: 7px 35px;
	background-color: rgba(255, 255, 255, 0.4);
	border: 1px solid #dea739;
	display: inline-block;
	text-align: center;
	margin-top: 10px;
	margin-left: 0px !important;
}

.btn-opposite {
	font-family: "Yu Mincho", YuMincho, Georgia, "Hiragino Mincho ProN", serif;
	font-weight: 500;
	font-size: 14px;
	line-height: 16px;
	color: #ffffff;
	padding: 7px 19px;
	background-color: #dea739;
	display: inline-block;
	text-align: center;
	margin-top: 10px;
	margin-right: 12px;
	border: none;

}

.btn-opposite img {
	margin-left: 10px;
	margin-bottom: 3px;
	background: #dea739 !important;
	color: #4b1109;
	transition: .4s;
}

.btn-kyugyo {
	font-family: "Yu Mincho", YuMincho, Georgia, "Hiragino Mincho ProN", serif;
	font-size: 16px;
	line-height: 16px;
	color: #9e0000;
	padding: 14px 78px;
	background-color: #ffebeb;
	display: inline-block;
	text-align: center;
	margin-top: 10px;
	margin-right: 12px;
	border: none;
	font-weight: bold;

}

.btn-kyugyo_de {
	font-family: "Yu Mincho", YuMincho, Georgia, "Hiragino Mincho ProN", serif;
	font-size: 16px;
	line-height: 16px;
	color: #9e0000;
	padding: 14px 27px;
	background-color: #ffebeb;
	display: inline-block;
	text-align: center;
	margin-top: 10px;
	margin-right: 12px;
	border: none;
	font-weight: bold;

}

.btn-kyugyo_en {
	font-family: "Yu Mincho", YuMincho, Georgia, "Hiragino Mincho ProN", serif;
	font-size: 16px;
	line-height: 16px;
	color: #9e0000;
	padding: 14px 27px;
	background-color: #ffebeb;
	display: inline-block;
	text-align: center;
	margin-top: 10px;
	margin-right: 12px;
	border: none;
	font-weight: bold;
}

.btn-kyugyo_chc {
	font-family: "Yu Mincho", YuMincho, Georgia, "Hiragino Mincho ProN", serif;
	font-size: 16px;
	line-height: 16px;
	color: #9e0000;
	padding: 14px 52px;
	background-color: #ffebeb;
	display: flex;
	text-align: center;
	margin-top: 20px;
	border: none;
	font-weight: bold;
	margin-bottom: 20px;
	margin-left: 88px;
	align-items: center;
	justify-content: center;
	width: 192px;
	gap: 11px;
}

.btn-kyugyo img {
	margin-right: 10px;
	margin-bottom: 3px;
}

.btn-kyugyo_de img,
.btn-kyugyo_en img {
	margin-right: 10px;
	margin-bottom: 3px;
}

@media only screen and (max-width: 431px) {
	.floatwrap a:nth-of-type(2) {
		margin-left: 0px !important;
		margin-top: 10px;
	}

	.btn-kyugyo {
		padding: 14px 28px;
	}
}


.btn {
	transition: .4s;
}

.btn i {
	background: #fff;
	line-height: 18px;
	width: 18px;
	padding-left: 2px;
	border-radius: 50%;
	margin-right: 10px;
}

.btn:hover {
	background: #dea739 !important;
	color: #4b1109;
	transition: .4s;
}

.awe-btn {
	border: 1px solid #dea739;
	background-color: #dea739;
	color: #fff;
	margin-top: 30px;
	font-size: 14px;
	padding: 7px 20px;
	border-radius: 3px;
}

.awe-btn:hover {
	background: #4b1109 !important;
	border: 1px solid #4b1109;
	color: #dea739;
	transition: .4s;
}

.buttons .awe-btn {
	margin-right: 20px;
}

.sm-share {
	background-color: #4b1109;
	margin-top: -106px;
	padding: 5px 0px;
	position: absolute;
	left: 50px;
	width: 54px;
	height: 170px;
	border-radius: 3px;
	opacity: 0;
	visibility: hidden;
	transition: .4s;
}

#sm-share:hover .sm-share {
	left: 67px;
	opacity: 1;
	visibility: visible;
	transition: .4s;
}

.sm-share a {
	position: relative;
	top: 0px;
	left: 0px;
	right: 0px;
	width: 100% !important;
	height: 40px;
	text-align: center;
	line-height: 40px !important;
	color: #fff !important;
}

.sm-share:before {
	background-color: #4b1109;
	content: "";
	display: block;
	height: 8px;
	left: -4px;
	position: absolute;
	top: 50%;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	width: 8px;
	z-index: -1;
	margin-top: -4px;
}

.back-dark {
	background: url(../img/backgrade.png) repeat-x;
	padding: 160px 0 30px;
}

.kyugyopage .back-dark {
	background-position: top;
}

@media only screen and (max-width: 600px) {
	.kyugyopage .back-dark {
		padding: 198px 0 0 !important;
	}
}

.back-dark.faq {
	padding: 160px 0 60px;
	background-position: bottom;
}

.section-contact .back-dark.faq {
	padding: 80px 0 0;
}

.back-dark.confirm {
	padding: 250px 0 0px;
	background-position: bottom;
}

.confirm .title {
	padding-bottom: 0px;
}

#toppage .back-dark {
	padding: 20px 0 0px;
	background-position: top;
}

/* 4. Slider */
.top-slider {
	width: 100%;
	height: 100vh;
	overflow: hidden;
	position: relative;
	height: auto;
}

#top-slider {
	/*height: 100vh;*/
	height: 100vh;
	height: auto;
	margin-top: 134px;
}

.top-slider li img {
	/*width: auto;
	height: 100vh;*/
	max-width: 100%;
	display: block;
	height: auto;
}

.top-slider .flex-control-nav {
	bottom: 30px;
}

.top-slider .flex-control-nav li {
	border-right: none;
}

.top-slider .flex-control-paging li a {
	border: none;
	border-radius: 0;
	box-shadow: none;
	width: 48px;
	height: 4px;
}

.top-slider .flex-control-paging li a.flex-active {
	background: #4b1109;
}

.top-slider .flex-direction-nav {
	position: absolute;
	top: 50%;
}

.top-slider .flex-direction-nav a {
	text-indent: 999999 !important;
	font-size: 0;
}

.top-slider .flex-direction-nav a.flex-prev {
	left: 34px;
}

.flex-direction-nav a {
	margin: -5px 0px 0px;
}

.top-slider .flex-direction-nav i {
	font-size: 40px;
	line-height: 40px;
	display: block !important;
}

.top-slider .flex-direction-nav a.flex-next {
	right: 34px;
}

.top-slider .slides li {
	position: relative;
}

.top-slider .slides li .flex-caption {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	text-align: center;
}

.top-slider .slides li .flex-caption h1 {
	font-size: 33px;
	line-height: 35px;
	color: #f6f0e4;
	padding: 25px 67px 22px;
	max-width: 868px;
	width: 100%;
	max-width: 1040px;
	margin: 0 auto;
	background-color: rgba(51, 51, 51, 0.8);
}

.top-slider .slides li .flex-caption p {
	font-family: 'Vollkorn', serif;
	font-style: italic;
	font-size: 18px;
	line-height: 25px;
	padding: 23px 25px;
	background-color: rgba(246, 240, 228, 0.8);
	max-width: 640px;
	width: 100%;
	margin: 0 auto;
	max-width: 765px;
}

.slider-footer {
	float: left;
	width: 100%;
	padding: 58px 0 52px;
	text-align: center;
	background-color: #dea739;
}

.slider-footer .cap {
	padding-bottom: 0;
}

.slider-footer p {
	font-family: 'Vollkorn', serif;
	font-size: 24px;
	line-height: 34px;
	color: #2c2c2c;
	font-style: italic;
	padding: 0 5% 24px;
}

.sp-slides-container {
	position: relative;
	z-index: 0;
}

.mongon {
	position: absolute;
	top: 10%;
	right: 20%;
	z-index: 1;
}

.toppagelogo {
	position: absolute;
	top: 5%;
	left: 2.5%;
	z-index: 1;
}

.infoBox {
	position: absolute;
	bottom: 5%;
	left: 5%;
	z-index: 1;
	background: rgba(90, 50, 32, 0.7);
	padding: 10px 20px;
	border-radius: 5px;
	display: block;
	line-height: 24px;
	margin-bottom: 10px;
	max-width: 500px;
	border: 1px solid #dea739;
}

.infoBox h3 {
	font-size: 20px;
	color: #ffffff;
}

.infoBox i {
	color: #dea739;
	background: #fff;
	line-height: 18px;
	width: 18px;
	padding-left: 7px;
	border-radius: 50%;
	margin-left: 20px;
}

a:hover .infoBox {
	background: rgba(222, 167, 57, 0.5);
	border: 1px solid #5a3220;
}

a:hover .infoBox h3 {
	color: #fff;
}

a:hover .infoBox i {
	color: #5a3220;
}

.infomationBox {
	width: 100%;
	width:fit-content;
	max-width:800px;
	padding:20px 30px;
	margin:0 auto 140px;
	background-color: #ffebeb;
}
.infomationBox .info_title {
	color: #9e0000;
	font-size:20px;
	font-weight:bold;
	line-height:1.2;
	padding-left:1.2em;
	position:relative;
	width:fit-content;
	/* margin:0 0 50px; */
}
.infomationBox .info_title::before {
	content:"";
	display:block;
	width:18px;
	height:18px;
	background-image:url('../img/infomation.png');
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;
	position:absolute;
	top:40%;
	left:0;
	transform:translateY(-50%);
}
.infomationBox ul {
	margin-top:20px;
}
.infomationBox ul li {
	line-height: 1.1;
	text-align: left;
	padding: 0.2em;
	padding-left: 15px;
	border-left: solid 3px #9e0000;
	list-style-type: none !important;
}
.infomationBox ul li + li {
	margin-top: 10px;
}
.infomationBox a {
	display:block;
	width:fit-content;
	font-weight: bold;
	position:relative;
}
.infomationBox a:hover {
	color: #9e0000;
}
.infomationBox a::after {
	position: absolute;
	bottom: -3px;
	left: 0;
	content: '';
	width: 100%;
	height: 1px;
	background: #9e0000;
	transform: scale(0, 1);
	transform-origin: left top;
	transition: transform .3s;
	color: #9e0000;
}
.infomationBox a:hover::after {
	transform: scale(1, 1);
}
.infomationBox a .info-new {
	color:#9e0000;
	font-size:0.8em;
	margin-left:0.5em;
}
.infomationBox a .info-title {
	display:block;
	width:fit-content;
	margin-top:0.5em;
	line-height:1.5;
}
@media only screen and (max-width: 1199px) {
	.infomationBox {
		margin-bottom: 160px;
	}
}
@media only screen and (max-width: 1091px) {
	.infomationBox {
		margin-bottom: 200px;
	}
}

.sp_br {
	display: none;
}

@media only screen and (max-width: 480px) {
	.sp_br {
		display: block;
	}
}

@media only screen and (max-width: 992px) {
	.mongon {
		display: none;
	}

	.infoBox {
		bottom: 15%;
		left: inherit;
		right: 5%;
		padding: 10px;
		line-height: 18px;
		margin-bottom: 10px;
		max-width: 250px;
	}

	.infoBox h3 {
		font-size: 15px;
	}
}

/* 　 プラン検索 　*/
select {
	-webkit-appearance: menulist;
	box-sizing: border-box;
	align-items: center;
	white-space: pre;
	-webkit-rtl-ordering: logical;
	color: black;
	background-color: white;
	cursor: default;
	border: none;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
	-webkit-appearance: button;
	cursor: pointer;
}

/* 3.2. Registration popup */

.bn-reserve {
	background: #DED9CF none repeat scroll 0% 0%;
	position: fixed;
	width: 1000px;
	left: 50%;
	top: 200% !important;
	z-index: 9999999999;
	transition: 1s;
	padding: 50px;
	height: 456px;
	margin-top: 0;
	transform: translate(-50%, -50%);
}

.bn-reserve h2 {
	color: #4b1109;
	font-size: 24px;
	text-align: center;
}

.bn-reserve p {
	color: #232323;
	font-size: 15px;
	text-align: center;
}

.bn-reserve p.tel {
	font-size: 20px;
	margin-top: 10px;
	color: #4b1109;
}

.bn-reserve p.tel i {
	padding-right: 5px;
}

.bn-reserve li {
	display: inline;
	color: #232323;
	margin-left: 15px;
}

.bw-cal {
	display: table;
	margin: 0 auto;
}

.bw-cal .awe-btn {
	font-size: 16px;
	line-height: 40px;
	border-radius: 20px;
	padding: 0px 52px;
	background-color: #4b1109;
	text-transform: uppercase;
	border: medium none;
	text-align: center;
	margin: 20px auto 20px;
	display: table;
}

.bw-cal .sendButton {
	display: block
}

.bw-cal .button:after {
	content: "\f0d7";
	font-family: 'FontAwesome';
	border: none;
	width: 47px;
	height: 50px;
	background: #4b1109;
	font-size: 30px;
	line-height: 50px;
}

.bn-overlay {
	opacity: 0;
	visibility: hidden;
	background: #000;
	position: fixed;
	height: 100%;
	width: 100%;
	z-index: 99999999;
	transition: .4s;
}

.bn-overlay.active {
	opacity: 0.6;
	visibility: visible;
	transition: .4s;
}

/* 5. Page Styles */
.section-sub-banner {
	padding-top: 100px;
	padding-bottom: 100px;
	margin-top: 120px;
	position: relative;
}

.section-sub-banner.detail {
	padding-top: 180px;
	padding-bottom: 180px;
	margin-top: 120px;
	position: relative;
}

.section-sub-banner.room {
	padding-top: 100px;
	padding-bottom: 160px;
	margin-top: 120px;
	position: relative;
}

.awe-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(72, 72, 72, 0.3);
	top: 0;
	left: 0;
	z-index: 0
}

.sub-banner .container {
	position: relative;
	z-index: 10;
}

.sub-banner .text {
	padding-bottom: 50px
}

.sub-banner .text h2 {
	margin-top: 135px;
	margin-bottom: 0;
	color: #e5b020;
	font-size: 22px;
	font-family: 'Segoe Script', 'Kalam', cursive;
	text-transform: uppercase;
	letter-spacing: 0.3em;
}

.sub-banner .text h2.room {
	margin-top: 40px;
	font-size: 28px;
}

.sub-banner .text h2.room span {
	display: block;
	margin-top: 0px;
	font-size: 20px;
}

.sub-banner .text p {
	margin-bottom: 0;
	font-size: 20px
}

.bg-pageHeader {
	height: 500px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.bg-pageHeader.rooms-header {
	background-image: url('../img/banners/rooms.jpg');
}

.bg-pageHeader.sightseeing-header {
	background-image: url('../img/banners/sightseeing.jpg');
}

.bg-pageHeader.breakfast-header {
	background-image: url('../img/banners/breakfast.jpg');
}

.bg-pageHeader.access-header {
	background-image: url('../img/banners/access.jpg');
}

.bg-pageHeader.faq-header {
	background-image: url('../img/banners/faq.jpg');
}

.bg-pageHeader.contact-header {
	background-image: url('../img/banners/contact.jpg');
}


.welcome {
	margin-top: 100px;
	width: 100%;
	padding: 65px 40px 120px 40px;
	text-align: center;
	position: relative;
}

.welcome .title {
	padding-bottom: 0px;
}

.tokyo_illust {
	position: absolute;
	bottom: -2px;
	right: 11%;
}

.title .top_moon,
.title .top_moon_foreign,
.title .top_moon_ch {
	position: absolute;
	top: -160px;
	right: 30px;
}

.top_moon span {
	position: absolute;
	top: 35px;
	right: 36%;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	-webkit-writing-mode: vertical-rl;
}

.top_moon_foreign span {
	position: absolute;
	top: 59px;
	right: -2%;
}

.top_moon_ch span {
	position: absolute;
	top: 74px;
	right: 6%;
}

.toplead_tate {
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	-webkit-writing-mode: vertical-rl;
	text-align: left;
	float: right;
	margin-right: 20%;
	letter-spacing: 0.02em;
	line-height: 1.9em;
	font-size: 14.5px;
	min-height: 400px;
}

#toppage .welcome .title h6 {
	position: absolute;
	right: 0;
	top: -50px;
	margin-right: 230px;
}

@media only screen and (max-width: 1091px) {
	.welcome {
		padding: 50px 40px 80px 40px;
		text-align: center;
	}

	.tokyo_illust {
		bottom: -2px;
		right: 12%;
	}

	.title .top_moon {
		top: -160px;
		right: 60%;
	}

	.title .top_moon_foreign,
	.title .top_moon_ch {
		top: -153px;
		right: 60%;
	}

	.title .top_moon img,
	.title .top_moon_foreign img,
	.title .top_moon_ch img {
		max-width: 100%;
	}

	.top_moon span {
		position: absolute;
		top: 20px;
		right: 35%;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
	}

	.top_moon_foreign span {
		position: absolute;
		top: 53px;
		right: -2%;
	}

	.top_moon_ch span {
		position: absolute;
		top: 61px;
		right: 10%;
	}

	.toplead_tate {
		-webkit-writing-mode: horizontal-tb;
		-ms-writing-mode: tb-rl;
		writing-mode: horizontal-tb;
		text-align: center;
		float: none;
		margin-right: 0;
		letter-spacing: 0.02em;
		line-height: 1.8em;
	}

	#toppage .welcome .title h6 {
		position: absolute;
		right: 45%;
		top: -50px;
		margin-right: 230px;
	}

	.home-gal .title h6 {
		position: absolute;
		top: 15px;
		left: 20%;
	}

}


.main-room {
	float: left;
	width: 100%;
	padding: 0 15px;
}

.main-room ul {
	display: block;
}

.main-room ul li {
	float: left;
	display: block;
}

.main-room ul li {
	display: block;
}

.main-room iframe {
	background: white;
	max-width: 471px;
	width: calc(100% - 40px) !important;
	border-radius: 3px;
	border: 1px solid rgb(219, 219, 219);
	box-shadow: none;
	display: block;
	margin: 0px 0px 12px;
	min-width: 320px !important;
	padding: 0px;
}

.main-room div.Caption {
	font-size: 10px;
	line-height: 14px;
}


.mr-inner {
	position: relative;
}

.img .img-responsive,
.mr-inner .img-responsive {
	width: 100%;
}

.mr-overlay {
	background: transparent;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 310px;
	transition: .4s;
	-moz-transition: .4s;
	-webkit-transition: .4s;
	-ms-transition: .4s;
	cursor: pointer;
}

.mr-inner:hover .mr-overlay {
	background: rgba(75, 17, 9, 0.6);
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: .4s;
	-moz-transition: .4s;
	-webkit-transition: .4s;
	-ms-transition: .4s;
	cursor: pointer;
}

.mr-overlay h2 {
	font-size: 24px;
	line-height: 31px;
	color: #fff;
	font-weight: 600;
	transition: .4s;
	-moz-transition: .4s;
	-webkit-transition: .4s;
	-ms-transition: .4s;
	margin: 0px 0 0px;
	text-shadow: 2px 2px 2px #666;
	background: rgba(75, 17, 9, 0.4);
	padding: 10px 10px 10px 32px;
	text-align: center;
}

.mr-overlay h2 span {
	font-family: 'Segoe Script', 'Kalam', cursive;
	display: block;
	font-size: 18px;
	line-height: 1.6em;
	color: #fff;
	margin: 0px 0 0px;
	text-align: center;
	color: #dea739;
}

.mr-overlay .sightcat {
	padding: 7px 10px;
	font-size: 14px;
	border: 1px solid #fff;
	width: 120px;
	color: #fff;
	text-align: center;
	margin: 15px 0 10px;
	background-color: rgba(214, 182, 89, 0.3)
}

.mr-head {
	background: rgba(231, 225, 214, 0.7);
	position: absolute;
	top: 10%;
	left: 10%;
	right: 0;
	padding: 50px 18px;
	width: 80%;
	height: 80%;
}

.mr-inner:hover .sightcat {
	display: none;
}

.mr-inner:hover .mr-overlay h2 {
	margin: 70px 0 10px;
	background: rgba(255, 255, 255, 0.4);
}

.mr-overlay p {
	font-size: 14px;
	line-height: 1.7em;
	color: #ffffff;
	display: block;
	padding: 32px;
	opacity: 0;
	visibility: hidden;
	transition: .4s;
	-moz-transition: .4s;
	-webkit-transition: .4s;
	-ms-transition: .4s;
	margin-top: 20px;
}

.mr-overlay a {
	color: #d4d2d2;
}

.mr-overlay p.maru-img {
	position: absolute;
	top: 20px;
	right: 0;
}

.mr-overlay p.maru-img img {
	border-radius: 50px;
}

.mr-inner:hover .mr-overlay p {
	opacity: 1;
	visibility: visible;
	transition: .4s;
	-moz-transition: .4s;
	-webkit-transition: .4s;
	-ms-transition: .4s;
	transition-delay: .2s;
}

.room-detail {
	font-size: 12px;
	position: absolute;
	bottom: 45px;
	left: 32px;
	transition: .4s;
	-moz-transition: .4s;
	-webkit-transition: .4s;
	-ms-transition: .4s;
	opacity: 0;
	visibility: hidden;
	padding: 7px 15px;
	background: rgba(222, 167, 57, 0.6);
	text-decoration: none;
	border-radius: 5px;
}

.mr-inner:hover .room-detail {
	opacity: 1;
	visibility: visible;
	transition: .4s;
	-moz-transition: .4s;
	-webkit-transition: .4s;
	-ms-transition: .4s;
	transition-delay: .2s;
}

.room-detail i {
	padding-left: 6px;
}

.banner {
	width: 100%;
	padding: 20px 0;
	position: relative;
	clear: both;
}

.bannerList {
	list-style-type: none;
	text-align: center;
	margin-bottom: 30px;
}

.bannerList li {
	display: inline-block;
	padding: 10px;
}



/* 6. Gallery Styles */

.home-gal {
	background-color: transparent;
}

.home-gal .flex-direction-nav {
	display: none;
}

.padding-right-none {
	padding-right: 0px;
}

.padding-left-none {
	padding-left: 0px;
}

.home-gal .title {
	padding-bottom: 0;
}

/* 7. Dual Slider */

.dual-slider .wrap {
	height: 440px;
	background: url(../img/back2.jpg) repeat;
	border: 1px solid #4b1109;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
	margin-bottom: 40px;
	position: relative;
	height:auto;
	min-height:440px;
	display:flex;
}

.home-gal .wrap #breakfast {
	position: relative;
	background: url(../img/home/breakfast.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	/* height: 100%; */
	padding: 0;
}

.home-gal .wrap #bath {
	position: relative;
	background: url(../img/home/bath.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	/* height: 100%; */
	padding: 0;
}

.home-gal .wrap #room {
	position: relative;
	background: url(../img/home/room_20240313.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	/* height: 100%; */
	padding: 0;
}

.home-gal .wrap #airweave {
	position: relative;
	background: url(../img/home/airweave_20240313.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	/* height: 100%; */
	padding: 0;
}

.attention {
	text-align: center;
}

.dual-slider .gal-nav1 li.flex-active,
.dual-slider .gal-nav2 li.flex-active,
.dual-slider .gal-nav3 li.flex-active,
.dual-slider .gal-nav4 li.flex-active {
	display: block;
}

.dual-slider li.flex-active .title {
	text-align: left;
}

.dual-slider li.flex-active .title h3 {
	font-weight: 500;
	font-size: 22px;
}

.dual-slider li.flex-active .title p.toplead {
	padding: 0;
	font-size: 14px;
	margin-top: 20px;
}

.dual-slider li.flex-active .btn {
	margin-top: 50px;
}

.dual-slider li.flex-active h2 {
	font-size: 27px;
	line-height: 28px;
	padding-bottom: 40px;
}

.dual-slider .gal-nav1,
.dual-slider .gal-nav2,
.dual-slider .gal-nav3,
.dual-slider .gal-nav4 {
	text-align: left;
	padding: 55px 30px 50px 50px;
	display: table;
}

.dual-slider .col-md-7 {
	width: 60%;
}

.dual-slider .col-md-5 {
	width: 40%;
}

@media only screen and (max-width: 1199px) {
	.dual-slider .wrap {
		height: auto;
		border: 1px solid #4b1109;
		box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
		margin-bottom: 40px;
		padding: 0;
		flex-direction:column;
	}

	.home-gal .wrap #bath {
		height: 400px;
		background-position: center center;
	}

	.home-gal .wrap #room {
		height: 400px;
		background-position: center center;
	}

	.home-gal .wrap #breakfast {
		height: 400px;
		background-position: center center;
	}

	.home-gal .wrap #airweave {
		height: 400px;
		background-position: center center;
	}

	.dual-slider li.flex-active .title {
		padding-bottom: 10px;
	}
}


/* 8. Other Styles */

.spa-block .gal-nav {
	text-align: right;
}

.spa-block a.flex-prev {
	left: 20px;
	bottom: 83px;
}

.spa-block a.flex-next {
	left: 82px;
	bottom: 83px;
}

.link_banner {
	width: 100%;
	float: left;
	padding: 0 0 80px 0;
}

.link_banner h3.tagengo {
	text-align: center;
	font-size: 22px;
	padding: 80px 0 30px;
}

.link_banner h3.tagengo span {
	font-size: 18px;
}

.link_banner .item {
	margin: 0 0 60px;
	float: left;
	width: 50%;
	text-align: center;
}

.link_banner .item img {
	display: inline;
}

.link_banner a h4 {
	margin: 10px auto 20px;
	text-align: center;
	padding: 20px;
	border: 2px solid #dea739;
	width: 70%;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
}

.link_banner a:hover h4 {
	color: #fff;
	background: #dea739;
	border: 2px solid #fff;
}

.link_banner .item p {
	text-align: left;
	font-size: 13px;
	padding: 0 80px;
	margin-left: 7px;
}

@media only screen and (max-width: 1091px) {
	.link_banner .item {
		margin: 0 0 60px;
		float: left;
		width: 45%;
		margin-right: 20px;
	}

	.link_banner .item p {
		padding: 0 80px;
		margin-left: 10px;
	}
}

@media only screen and (max-width: 992px) {
	.link_banner .item {
		width: 100%;
		float: none !important;
		text-align: center;
	}

	.link_banner .item img {
		display: inline;
	}

	.link_banner h3.tagengo {
		padding: 60px 0 30px;
	}
}


/* 11. AccessPage, Google Map */
.access {
	width: 100%;
	padding: 0 0 80px 0;
	margin-top: -50px;
}

.access_top_address {
	width: 50%;
	margin: 0 auto;
	width: 100%;
	max-width: 400px;
}

.access_top_address .footer_address li {
	margin-top: 7px;
}

.access_top_address .footer_address .col-md-4,
.access_top_address .footer_address .col-md-8 {
	width: 100%;
}

.access .center-block {
	text-align: center;
}

.access .shuhenmap {
	max-width: 992px;
}

@media only screen and (max-width: 992px) {
	.access .shuhenmap {
		max-width: 100%;
	}
}

.accesstext {
	margin-top: 20px;
	font-size: 14px;
}

.location {
	width: 100%;
	padding: 91px 0 0 0;
}

.location .title {
	padding-bottom: 60px;
}

.location .map,
.access .map {
	position: relative;
	width: 100%;
}

.location #map,
.access #map {
	display: block;
	height: 450px;
	margin: 0 auto;
	position: relative;
	width: 100%;
}

.access .map {
	margin: 80px auto 0;
}

.access #map {
	margin: 30px auto 0;
}

.traffic {
	width: 100%;
	padding: 180px 0 80px;
}

.traffic .trafficlist {
	text-align: left;
	margin-bottom: 10px;
}

.traffic .trafficlist>li {
	margin-top: 15px;
}


.gallery-villa {
	width: 100%;
	padding: 140px 0 35px 0;
	position: relative;
}

.gallery-villa .owl-carousel {
	display: block;
}

#gallery-villa .item {
	margin: 0 15px;
}

#gallery-villa h2 span {
	font-size: 16px;
	display: block;
}

#gallery-villa {
	padding: 0 50px 0 80px;
	margin: 0 -15px;
}

.villas .gallery-villa .owl-carousel .owl-item {
	padding: 0 30px 0 0;
}

#gallery-villa .owl-controls {}

#gallery-villa .owl-controls .owl-page span {
	height: 8px;
	width: 8px;
	background: #3f3f3f;
	border-radius: 20px;
	opacity: 1;
}

#gallery-villa .owl-controls .owl-page.active span,
#gallery-villa .owl-controls.clickable .owl-page:hover span.owl-theme .owl-controls .owl-page.active span,
#gallery-villa .owl-controls.clickable .owl-page:hover span {
	background: #dea739;
}

#gallery-villa .owl-buttons {
	display: none;
}

.gallery-villa .customNavigation {
	width: 100%;
	float: left;
}

.gallery-villa .customNavigation a.prev {
	cursor: pointer;
	color: #3f3f3f;
	float: left;
	margin: -250px 0px 0 -17%;
}

.gallery-villa .customNavigation a.prev i {
	font-size: 40px;
	line-height: 40px;
}

.gallery-villa .customNavigation a.next {
	cursor: pointer;
	color: #3f3f3f;
	float: right;
	margin: -250px -17% 0 0;
}

.gallery-villa .customNavigation a.next i {
	font-size: 40px;
	line-height: 10px;
}

.gallery-villa .owl-pagination {
	padding: 35px 0 0;
}

@media only screen and (min-width: 1400px) {
	.gallery-villa .customNavigation a.next {
		margin: -300px -26% 0 0;
	}

	.gallery-villa .customNavigation a.prev {
		margin: -300px 0px 0 -26%;
	}
}

@media only screen and (max-width: 1265px) {
	.gallery-villa .customNavigation a.next {
		margin: -240px 0% 0 0;
	}

	.gallery-villa .customNavigation a.prev {
		margin: -240px 0px 0 0%;
	}
}

@media only screen and (max-width: 1191px) {
	.gallery-villa .customNavigation a.next {
		margin: -250px 0 0 0;
	}

	.gallery-villa .customNavigation a.prev {
		margin: -250px 0px 0 0;
	}
}

@media only screen and (max-width: 992px) {
	.gallery-villa .customNavigation a.next {
		margin: -250px -5% 0 0;
	}

	.gallery-villa .customNavigation a.prev {
		margin: -250px 0px 0 -5%;
	}
}

.business .accomodation h3 {
	font-size: 22px;
	line-height: 22px;
	color: #dea739;
	font-weight: 700;
	text-align: center;
	padding-bottom: 55px;
}

.main-sidebar {
	float: left;
	width: 100%;
}

.reservation {
	float: left;
	width: 100%;
	border-top: 21px solid #e3ded3;
	border-right: 17px solid #e3ded3;
	border-bottom: 21px solid #e3ded3;
	border-left: 18px solid #e3ded3;
	padding: 25px 13px 28px;
	text-align: center;
	margin-bottom: 31px;
}

.reservation h2 {
	font-size: 28px;
	line-height: 28px;
	color: #dea739;
	text-align: center;
	padding-bottom: 39px;
}

.reservation #datetimepicker1 .form-control:focus,
.reservation #datetimepicker2 .form-control:focus {
	box-shadow: none;
}

.reservation #datetimepicker1 .form-control,
.reservation #datetimepicker2 .form-control {
	background-color: transparent;
	border: 1px solid #727272;
	border-radius: 0;
	text-transform: uppercase;
	font-size: 12px;
	line-height: 12px;
}

.date-picker.row {
	margin: 0 -5px;
}

.date-picker .col-md-6 {
	padding: 0 5px;
}

.reservation #datetimepicker2 input[type="text"]::-webkit-input-placeholder,
.reservation #datetimepicker1 input[type="text"]::-webkit-input-placeholder {
	opacity: 1;
}

.reservation .input-group-addon {
	background-color: transparent;
	border: none;
	position: absolute;
	right: 23px;
	top: 9px;
	z-index: 999;
	color: #c9b16d;
	padding: 0;
}

.reservation .cap {
	padding: 25px 0;
}

.reservation .btn-availble {
	font-size: 16px;
	line-height: 40px;
	border-radius: 20px;
	padding: 0 52px;
	text-align: center;
	margin: 29px 0px 0px;
}

.reservation .selectric {
	background: none;
	border: 1px solid #727272;
	text-align: left;
}

.reservation .selectric .label {
	font-size: 12px;
	text-transform: uppercase;
	height: 33px;
	line-height: 33px;
	text-align: left;
	padding: 0;
}

.reservation .selectric-items li {
	float: none;
	display: block;
	margin: 0;
	font-size: 12px;
	text-align: left;
}

.selectric-items li {
	padding: 10px 15px !important;
}

.reservation .selectric .button {
	height: 33px;
	line-height: 33px;
}

.reservation .selectric .button::after {
	border-width: 7px 7px medium;
	border-color: #d3be83 transparent -moz-use-text-color;
}

.timepicker {
	display: none !important;
}

video {
	width: 100%;
}

.video {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}

.video iframe,
.video object,
.video embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
}

.bloggal-slider {
	float: left;
	width: 100%;
	padding-bottom: 51px;
}

.bloggal-slider #gal-slider {
	float: left;
	width: 100%;
	position: relative;
}

.bloggal-slider .flex-direction-nav {
	top: 50%;
}

.bloggal-slider .flex-control-paging {
	display: block;
}

.bloggal-slider .flex-direction-nav li a {
	font-size: 0;
}

.bloggal-slider .flex-direction-nav li a i {
	font-size: 30px;
	line-height: 30px;
}

.bloggal-slider .gal-nav {
	float: left;
	display: table;
	width: 100%;
	margin-top: 2px;
}

.bloggal-slider .gal-nav li {
	float: left;
	width: 20%;
	padding: 0;
	cursor: pointer;
	padding-left: 7px;
}

.bloggal-slider .gal-nav li:first-child {
	padding-left: 0;
}

.bloggal-slider .gal-nav li img {
	width: 100%;
}

.bloggal-slider .flex-prev {
	color: #999;
	font-size: 30px;
	position: absolute;
	bottom: -95px;
	z-index: 99999;
	left: 20px;
}

.bloggal-slider .flex-prev:hover,
.bloggal-slider .flex-next:hover {
	color: #fff;
}

.bloggal-slider .flex-next {
	color: #999;
	font-size: 30px;
	position: absolute;
	right: 20px;
	bottom: -95px;
	z-index: 99999;
}

.room-gallery .reservation {
	border: none;
}

.collapse.in {
	display: block;
	margin-top: -10px;
}

.room-images {
	float: left;
	width: 100%;
}

.room-images img {
	width: 100%;
}

.reservation-img {
	float: left;
	width: 100%;
	padding: 60px 0 35px 0;
}

.room-gallery .reservation-img img {
	width: 100%;
}

/* 16. Tabs */

.tab-content>.tab-pane,
.pill-content>.pill-pane {
	display: none;
}

.tab-content>.active,
.pill-content>.active {
	display: block;
}

.tabs-left>.nav-tabs>li {
	float: none;
}

.tabs-left>.nav-tabs>li.active {
	float: none;
}

.tabs-left>.nav-tabs>li>a {
	min-width: 74px;
	margin-right: 0;
	margin-bottom: 3px;
}

.tabs-left>.nav-tabs {
	float: left;
	margin-right: 0;
}

.tabs-left>.nav-tabs>li>a {
	margin-right: -1px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.tabs-left>.nav-tabs>li>a:hover,
.tabs-left>.nav-tabs>li>a:focus {
	border-color: #eeeeee #dddddd #eeeeee #eeeeee;
}

.tabs-left>.nav-tabs .active>a,
.tabs-left>.nav-tabs .active>a:hover,
.tabs-left>.nav-tabs .active>a:focus {
	border-color: #ddd transparent #ddd #ddd;
	*border-right-color: #ffffff;
}

.tabs-left>.nav-tabs>li {}

.tabs-left .nav-tabs>li.active>a,
.tabs-left .nav-tabs>li.active>a:hover,
.tabs-left .nav-tabs>li.active>a:focus {
	border: none;
}

.tabs-left .nav-tabs>li:hover a {
	background-color: #ddd9d2;
	border: 1px solid #cecac3;
}

a .number,
.tabs-left>.nav-tabs>li a .number {
	background-color: #dea739;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	margin-right: 16px;
	position: relative;
	float: left;
	margin-top: -8px;
}

a .number span,
.tabs-left>.nav-tabs>li a .number span {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);

	font-size: 20px;
	line-height: 20px;
	color: #f6f0e4;
}

.detail-type .row {
	margin-left: -15px !important;
	padding-right: 42px;
}

.detail-type .row input {
	height: 39px !important;
	letter-spacing: 37px;
}

.detail-type2 {
	margin-top: -10px;
	margin-bottom: 25px;
}

.luxury-sec {
	float: left;
	width: 100%;
	padding: 62px 0 0 0;
}

.luxury-sec .title ul {
	display: inline-block;
	text-align: center;
}

.luxury-sec .title ul li {
	display: inline-block;
	color: #dea739;
	font-family: "Roboto", sans-serif;
	font-size: 14px;

	line-height: 14px;
	text-transform: uppercase;
	border-right: 1px solid #9c8954;
	padding-right: 10px;
	margin-right: 10px;
}

.luxury-sec .title ul li:last-child {
	border: none;
}

#sidepanel,
.b-slider {
	position: relative;
}

.no-margin {
	margin: 0 !important;
}

.no-padding {
	padding: 0px;
}


/* 17. inquiry */
.inquiry .text {
	padding-top: 40px;
	text-align: center;
}

.inquiry .text .nakamidashi {
	padding-bottom: 15px;
}

.inquiry .text .img_yoyaku {
	text-align: center;
	padding-bottom: 15px;
}

.inquiry .text .img_yoyaku img {
	display: inline;
}

.inquiry .text p {
	padding-bottom: 8px;
}

.inquiry .text p a {
	color: #dea739
}

.inquiry .text p.caution {
	font-size: 13px;
}

.reservation-sidebar {
	padding: 80px 0 60px;
	overflow: hidden;
}

.text .reservation-sidebar {
	padding: 120px 0 60px;
	overflow: hidden;
}

.reservation-sidebar .nakamidashi {
	text-align: center;
}

.inquiry .title {
	padding: 60px 0 60px;
}

.reservation-sidebar_availability {
	margin-top: 15px;
}

.reservation-sidebar_availability label {
	display: block;
	font-size: 14px;
	margin-bottom: 7px;
	text-align: left;
}

input[type="search"],
input[type="text"],
input[type="url"],
input[type="number"],
input[type="password"],
input[type="email"],
input[type="file"] {
	background: none;
	border: 1px solid #d4d4d4;
	background-color: #fff;
	height: 40px;
	line-height: 40px;
	padding: 0 12px;
	color: #666;
	font-size: 12px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

input,
button,
select,
textarea {
	font-family: inherit;
	font-size: 13px;
	line-height: inherit;
	padding: 10px;
}

.contact-form .field-text,
.contact-form .field-textarea {
	border: none;
	width: 100%;
	margin: 0 0 15px 0;
	color: #232323;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	border: 1px solid #d4d4d4;
	border-radius: 4px;
}

.contact-form .col-md-12 {
	clear: both;
}

.reservation-sidebar_availability .awe-select {
	background-color: #fff;
	height: 40px;
	border-width: 0;
	margin: 0 0 15px 0;
	line-height: 30px;
	width: 100%;
	border: 1px solid #d4d4d4;
	border-radius: 4px;
}

.contact-form h5 {
	font-size: 16px;
	padding: 20px 0 15px 15px;
	clear: both;
	font-weight: 600;
}

.contact-form h5 span {
	font-size: 14px;
}

.required {
	color: red
}

form#contactform label.error,
label.error {
	color: red;
}

.confirm {
	padding: 60px 0 80px;
}

.confirm table {
	margin-top: 20px;
}

.confirm .title {
	padding-bottom: 30px;
}

.alert-success {
	background-color: #f9f5ec;
	border-color: #4b1109;
}

.alert-danger {
	color: #fff;
	background-color: #4b1109;
	border-color: #4b1109;
}

.room-col-top {
	width: 100%;
	padding: 0 0 90px 0;
}


.room-col .sort-select {
	float: left;
	width: 100%;
	padding: 0 0 15px 0;
}

.room-col .sort-select .sort-left {
	float: left;
	padding: 0 0 0 15px;
}

.room-col .sort-select .sort-left h6 {
	font-size: 13px;
	line-height: 13px;
	color: #464646;
	text-transform: uppercase;
	float: left;
	padding: 8px 9px 0 0;
}

.room-col .sort-select .sort-left .selectric-wrapper {
	float: right;
}

.room-col .sort-select .sort-left .selectric {
	border: 1px solid #dea739;
	background: #f9f5ec;
}

.room-col .sort-select .sort-left .selectric .button {
	height: 22px;
	width: 15px;
	margin-right: 5px;
}

.room-col .sort-select .sort-left .selectric .button::after {
	border-color: #464646 transparent -moz-use-text-color;
}

.room-col .sort-select .sort-left .selectric .label {
	height: 22px;
	margin: 0px 40px 0px 5px;
	font-family: "TrajanProBold";
	font-size: 12px;
	line-height: 20px;
	color: #9C8954;

}

.room-col .sort-select .select-right {
	float: right;
}

.room-col .sort-select .select-right ul {
	float: right;
	display: block;
}

.room-col .sort-select .select-right ul li {
	float: left;
	display: block;
	padding: 0 10px 0 0;
	margin: 0 10px 0 0;
	border-right: 1px solid #464646;
}

.room-col .sort-select .select-right ul li:last-child {
	border-right: none;
}

.room-col .sort-select .select-right ul li a {
	font-size: 13px;
	line-height: 13px;
	color: #464646;
	text-transform: uppercase;
	font-weight: 700;
}

.room-col .sort-select .select-right ul li.active a {
	color: #9c8954;
}

.room-col .rm-item:first-child {
	margin-bottom: -3px;
}

.slider-wrap img {
	line-height: 0;
	margin: 0;
}

.room-one {
	display: table;
	padding-bottom: 123px;
	width: 100%;
}

.room-one .rm-item {
	width: 100%;
	padding: 0;
	left: 0 !important;
}

.flex-viewport {
	overflow: hidden;
}

.room-col .title {
	padding: 100px 0px 80px;
}

.dual-btns {
	display: table;
	margin: 0 auto;
}

.gallery-main {
	width: 100%;
	padding: 0 0 80px 0;
	overflow: hidden;
}

#toppage .gallery-main {
	width: 100%;
	background: url(../img/back3.jpg) repeat;
	padding: 60px 0 0 0;
	overflow: hidden;
	border: 1px solid #4b1109;
	border-width: 2px 0 2px 0;
}

#toppage .gallery-main .title {
	padding: 100px 0 60px 0;
}

.gallery-main .gallery-block {
	float: left;
	width: 100%;
}

.gallery-main .gallery-block ul {
	display: block;
}

.gallery-main .gallery-block ul li {
	display: block;
	float: left;
	position: relative;
}

.gallery-main .gallery-block .main-room {
	padding: 0 0 120px 0;
}

.gallery-main .gallery-block .main-room .img p {
	line-height: 20px;
	right: 84px;
}

.gallery-main .gallery-block .main-room .room-detail {
	font-size: 14px;
	line-height: 40px;
	color: #f6f0e4;
	padding: 0 26px;
	border: 2px solid #f6f0e4;
	border-radius: 20px;
}

.gallery-main .gallery-block .main-room .img:hover::before {
	border: none;
	top: 0;
	bottom: 0;
}

.gallery-main .gallery-block .main-room .img:hover {
	overflow: hidden;
}

.gallery-main .gallery-block .main-room ul li {
	margin-bottom: 30px;
}

.gallery-main .gallery-block .main-room ul li:first-child {
	position: relative;
}

.gallery-main .gallery-block .main-room ul li:first-child .img:hover::before {
	background-color: none;
}

.mr-head h3 {
	font-size: 21px;
	line-height: 30px;
	color: #333;
	margin-bottom: 20px;
}

.mr-head p {
	opacity: 1;
	font-size: 14px !important;
	line-height: 22px !important;
	color: #333;
	transform: none;
	transition: none 0s ease 0s;
	padding: 0 6px;
	margin-bottom: 19px;
}

.mr-head p.second {
	font-family: "Vollkorn", serif;
	font-size: 18px;
	font-style: italic;
	left: 90px;
	line-height: 28px;
	opacity: 1;
	text-align: center;
	transform: none;
	transition: none;
}

.gallery-main .gallery-block .main-room .first-block {
	background: url(../img/Gallery/1.jpg) no-repeat;
	background-size: cover;
	padding: 30px;
}

.gallery-main .gallery-block .main-room .first-block .img-detail {
	padding: 20px;
}

.gallery-main .gallery-block .main-room .first-block .img-detail h3 {
	font-family: "TrajanProRegular";
	font-size: 26px;
	left: 7%;
	line-height: 26px;
	right: 7%;
	top: 124px;
}

.gallery-main .gallery-block .main-room .first-block .img-detail p {
	font-family: "Vollkorn", serif;
	font-size: 18px;
	font-style: italic;
	left: 77px;
	line-height: 28px;
	opacity: 1;
	position: absolute;
	right: 77px;
	top: 220px;
	transform: none;
	transition: none 0s ease 0s;
}

.gallery-main .gallery-block .opening-pan {
	float: left;
	width: 100%;
}

/*  お部屋について  */
.roomspage {}

.about_room {
	padding: 0 0 80px;
}

.room_cat,
.room_cat_01 {
	background: url(../img/back2.jpg) repeat;
	border: 1px solid #4b1109;
	margin-bottom: 30px;
	height: auto;
	/*480px;*/
}

.room_cat .text,
.room_cat_01 .text {
	padding: 20px;
}

.room_cat .text h3,
.room_cat_01 .text h3 {
	font-size: 18px;
	font-weight: 500;
}
.room_cat .text h3 .t-small {
	font-size:0.85em;
}

.room_cat .text p,
.room_cat_01 .text p {
	margin-top: 15px;
	font-size: 14px;
}

/* .room_cat .text p.single_text,
.room_cat_01 .text p.single_text {
	height: 90px;
} */

.room_cat #special_mini,
.room_cat_01 #special_mini {
	/*    background: url(../img/rooms/mini_special.jpg) no-repeat;*/
	background: url(../img/rooms/rooms_suite20240314.jpg) no-repeat;
	background-position: center center;
	position: relative;
	background-size: cover;
	height: 280px;
	padding: 0;
}

.room_cat #suite_mini,
.room_cat_01 #suite_mini {
	background: url(../img/rooms/mini_suite.jpg) no-repeat;
	background-position: center center;
	position: relative;
	background-size: cover;
	height: 280px;
	padding: 0;
}

.room_cat #deluxe_mini,
.room_cat_01 #deluxe_mini {
	/*    background: url(../img/rooms/mini_deluxe.jpg) no-repeat;*/
	background: url(../img/rooms/mini_deluxe20240314.jpg) no-repeat;
	background-position: center center;
	position: relative;
	background-size: cover;
	height: 280px;
	padding: 0;
}

.room_cat #standard_mini,
.room_cat_01 #standard_mini {
	/*    background: url(../img/rooms/mini_standard.jpg) no-repeat;*/
	background: url(../img/rooms/mini_standard20240314.jpg) no-repeat;
	background-position: center center;
	position: relative;
	background-size: cover;
	height: 280px;
	padding: 0;
}

.room_cat #economy_mini,
.room_cat_01 #economy_mini {
	background: url(../img/rooms/mini_economy20240314.jpg) no-repeat;
	background-position: center center;
	position: relative;
	background-size: cover;
	height: 280px;
	padding: 0;
}

.room_cat #western_mini,
.room_cat_01 #western_mini {
	/*    background: url(../img/rooms/mini_western.jpg) no-repeat;*/
	background: url(../img/rooms/mini_western20240314.jpg) no-repeat;
	background-position: center center;
	position: relative;
	background-size: cover;
	height: 280px;
	padding: 0;
}

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

	.room_cat,
	.room_cat_01 {
		max-width: 100%;
	}
}

@media (max-width:767px) {

	.room_cat .text p.single_text,
	.room_cat_01 .text p.single_text {
		height: auto;
	}
}

@media (max-width:490px) {

	.room_cat #special_mini,
	.room_cat01 #special_mini {
		background-position: left center;
	}
}

.floatwrap {
	padding: 0;
	margin: 0;
	overflow: hidden;
	clear: both;
}

.floatwrap:after {
	clear: both;
	content: " ";
	display: table;
}

.floatwrap {
	*zoom: 1;
}

.floatwrap a:nth-of-type(2) {
	margin-left: 10px;
}

.floatwrap.sect {
	height: 42em;
}

#special .floatwrap.sect,
#suite .floatwrap.sect {
	height: 62em;
}

.floatwrap .roomsetsumei {
	font-size: 14px;
	line-height: 1.8em;
}

.floatR {
	float: right;
	width: 50%;
	height: 100%;
	padding: 0;
	margin: 0;
}

.floatL {
	float: left;
	width: 50%;
	height: 100%;
	padding: 0;
	margin: 0;
}

.floatwrap .container,
.amenity .container {
	width: 100%;
	margin: 0 auto;
	padding: 100px 80px 0 60px;
}

#suite,
#western {
	background: url(../img/back3.jpg) repeat;
}

.room_img {
	position: relative;
	width: 100%;
	height: 100%;
}

.roomtitleback {
	position: absolute;
	margin: auto;
	width: 331px;
	height: 331px;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
}

.roomtitle {
	position: absolute;
	top: 40%;
	right: 0;
	left: 0;
	bottom: 0;
	font-family: "Yu Mincho", YuMincho, Georgia, "Hiragino Mincho ProN", serif;
	color: #4b1109;
	font-size: 28px;
	font-weight: 600;
	text-align: center;
}

.roomtitle span {
	font-size: 20px;
}

.roomtitle_en {
	position: absolute;
	top: 50%;
	right: 0;
	left: 0;
	bottom: 0;
	font-family: 'Segoe Script', 'Kalam', cursive;
	font-size: 20px;
	color: #dea739;
	text-align: center;
	text-shadow: 1px 1px 2px #fff;
}

.roomspage .room_img {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: left center;
	height: 500px;
}

#special .room_img {
	background-image: url(../img/rooms/special20240314.jpg);
}

#suite .room_img {
	background-image: url(../img/rooms/suite.jpg);
}

#jpws .room_img {
	background-image: url(../img/rooms/jpws.jpg);
}

#deluxe .room_img {
	background-image: url(../img/rooms/deluxe.jpg);
}

#standard .room_img {
	background-image: url(../img/rooms/standard.jpg);
}

#western .room_img {
	background-image: url(../img/rooms/western.jpg);
}

#economy .room_img {
	background-image: url(../img/rooms/economy.jpg);
}

.roomspage .amenity .sect .container {
	width: 100%;
	margin: 0 auto;
	padding: 0 40px 0 40px;
}

.roomspage .amenity {
	padding-bottom: 80px;
}

.roomspage .amenity p {
	margin: 10px 0 35px;
}

.roomspage .amenity .airweave_txt_last {
	margin-bottom: 100px;
}

.amenity .floatwrap.sect {
	height: auto;
}

.amenity .floatwrap.sect .floatR {
	padding-left: 30px;
}

.amenity .floatwrap.sect .floatL {
	padding-right: 30px;
}

.amenity img {
	margin-bottom: 15px;
}

.roomspage .links {
	width: 100%;
	max-width: 355px;
}

@media only screen and (max-width: 431px) {
	.roomspage .links {
		width: 100%;
		max-width: 320px;
	}
}

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

	#special .floatwrap.sect,
	#suite .floatwrap.sect {
		height: 59em;
	}
}

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

	#special .floatwrap.sect,
	#suite .floatwrap.sect {
		height: 54em;
	}
}

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

	#special .floatwrap.sect,
	#suite .floatwrap.sect {
		height: 48em;
	}
}

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

	#special .floatwrap.sect,
	#suite .floatwrap.sect {
		height: 45em;
	}
}

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

	#special .floatwrap.sect,
	#suite .floatwrap.sect {
		height: 45em;
	}
}

@media screen and (max-width:992px) {
	section {
		padding: 0 0 0;
	}

	.floatwrap {
		padding: 0;
		margin: 0;
		overflow: hidden;
		clear: both;
	}

	.floatwrap.sect {
		height: 100%;
		min-height: 30em;
		padding-bottom: 60px;
	}

	#special .floatwrap.sect,
	#suite .floatwrap.sect {
		height: 100%;
		min-height: 86em;
		padding-bottom: 60px;
	}

	section#western {
		margin-bottom: 80px;
	}

	.floatR {
		float: none;
		width: 100%;
		padding-left: 0;
		margin: auto auto;
	}

	.floatL {
		float: none;
		width: 100%;
		padding-right: 0;
		margin: auto auto;
		height: auto;
	}

	.amenity .floatwrap.sect .floatR {
		padding-left: 0px;
		padding-top: 60px;
	}

	.amenity .floatwrap.sect .floatL {
		padding-right: 0px;
		margin-top: 0px;
	}

}

/*  お部屋について  */

.breakfast {
	padding: 0 0 80px;
}

.breakfast .title {
	padding: 40px 0;
}

.breakfast .title p {
	text-align: left
}

.breakfast .photos .col-lg-3 {
	margin: 15px 0;
}

.panel-heading {
	background: url(../img/back2.jpg) repeat;
}

.panel-group .panel {
	background: rgba(2255, 255, 255, 0.4);
	margin-bottom: 40px;
	border: 1px solid #4b1109;
}

.panel-group {
	margin-bottom: 80px;
}

.panel-title {
	font-weight: 600;
}

.panel-group .panel p {
	font-size: 14px;
}

.faq-section {
	padding-bottom: 80px;
}

.btn-hidden,
.active .btn-active,
.offer-content {
	display: none;
	cursor: pointer;
}

.active .btn-hidden,
.active .offer-content {
	display: block;
}

/* 感染症対策 */
.taisaku-panel {
	background: url(../img/back2.jpg) repeat;
	border: 1px solid #4b1109;
	margin-bottom: 30px;
	padding: 20px;
}

.taisaku-panel h4 {
	float: left;
	padding-right: 15px;
}

.taisaku-panel p {
	margin-top: 20px;
	color: #4b1109;
	font-weight: 500;
}

/* 20. Footer */

#footer {
	float: left;
	width: 100%;
	text-align: center;
	padding: 48px 0 0 0;
	background: url(../img/back_footer.jpg) repeat;
	border-top: 3px solid #aa8e7a;
}

#footer .footer {
	float: left;
	width: 100%;
	padding-bottom: 26px;

}

#footer p {
	color: #4b1109
}

#footer .footer ul {
	display: block;
}

#footer .footer ul li {
	display: block;
	font-size: 13px;
}

#footer .footer .f-block1 {
	float: left;
	width: 100%;
	text-align: center;
}

#footer .footer .f-block1 p {
	font-size: 13px;
}

#footer .footer .f-block1 p .tel {
	font-size: 24px;
	line-height: 1.6em;
}

#footer .footer .f-block1 img.footerlogo {
	display: inline-block;
	text-align: center;
	margin-bottom: 30px;
	width: 200px;
}

#footer .footer .f-block1 img.phone_icon {
	padding-right: 5px;
	margin-top: -8px;
	width: 26px;
}

#footer .footer .f-block1 ul.footer_address {
	margin-top: 20px;
	text-align: left;
	padding: 0 30px 0 50px;
	padding: 0 !important;
}

#footer .footer .f-block1 ul.footer_address li {
	margin-top: 7px;
	line-height: 2.2em;
}

#footer .footer .f-block1 ul.footer_address li .col-md-3,
#footer .footer .f-block1 ul.footer_address li .col-md-9 {
	text-align: center;
	width: 100%;
	/* padding-left:0; */
}

#footer .footer .f-block2 {
	float: left;
	width: 100%;
	padding: 0 54px 0 29px;
	text-align: left;
}

#footer .footer .f-block2 {
	float: left;
	width: 100%;
	padding-bottom: 28px;
}

#footer .footer .f-block2 .menu_fotter {
	padding-bottom: 5px;
	overflow: hidden;
}

#footer .footer .f-block2 .menu_fotter li {
	line-height: 1.4em;
	text-align: center;
	padding: 15px 0 20px 30px;
}

#footer .footer .f-block2 .lang_footer {
	text-align: center;
	border-top: 1px solid #dea739;
	padding-top: 5px;
}

#footer .footer .f-block2 .lang_footer li {
	display: inline-block;
	margin-top: 16px;
	padding: 5px 15px;
}

#footer .footer .f-block3 {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0 0 0 -30px;
	text-align: -webkit-center;
}

#footer .footer .f-block3 .date {
	float: left;
	width: 100%;
	padding: 0 0 40px 0;
}

#footer .footer .f-block3 p {
	font-size: 13px;
	line-height: 30px;
	color: #A5A299;
	float: left;
	margin-top: -8px;
	margin-bottom: 5px;
}

#footer .footer-bot {
	width: 100%;
	padding: 14px 0 18px;
	background: #5a3220;
	text-align: center;
	clear: both;
}

#footer .footer-bot p {
	font-size: 12px;
	line-height: 14px;
	color: #fff;
}

.pages #wrapper {
	padding-top: 134px;
}

.main-cal.cal-big .cal caption {
	background: #464646 none repeat scroll 0% 0%;
	font-family: "TrajanProBold";
	font-size: 30px;
	line-height: 18px;
	color: #FDFAF5;
	text-transform: uppercase;
	padding: 0;

	height: 130px;
	line-height: 130px;
}

.mc-tooltip {
	height: 150px;
	text-align: left !important;
}

.mc-popup {
	-webkit-box-shadow: 0 12px 12px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 12px 12px rgba(0, 0, 0, .2);
	box-shadow: 0 12px 12px rgba(0, 0, 0, .2);
	width: 360px;
	height: 236px;
	background: #f4f3ef;
	border: 1px solid #bbb5ae;
	padding: 22px;
	position: absolute;
	z-index: 9999;
	bottom: 175px;
	opacity: 0;
	visibility: hidden;
	transition: .4s;
}

.mc-tooltip:hover .mc-popup {
	bottom: 160px;
	opacity: 1;
	visibility: visible;
	transition: .4s;
}

.welcome,
.gallery-villa {
	position: relative;
	z-index: 999;
}

.post-img .col-md-5,
.post-img .col-md-7,
.post-img .col-md-12 {
	padding: 0 5px;
}

/* 6. ========== Footer End Here==========*/

#mobnav-btn {
	display: none;
	font-size: 25px;
	text-transform: uppercase;
	letter-spacing: 3px;
	color: #FFF;
	padding: 40px 0;
	cursor: pointer;
	width: 80%;
}

#toppage #mobnav-btn {
	padding: 27px 0;
}

#mobnav-btn i {
	float: right;
	position: relative;
	top: 2px;
	right: 20px;
}

.mobnav-subarrow {
	display: none;
}

.ss-content {
	background: rgba(255, 255, 255, 0.8);
	position: fixed;
	height: 100%;
	width: 100%;
	z-index: 999999999;
	top: 0;
	left: 0;
	right: 0;
	visibility: hidden;
	opacity: 0;
	transition: .4s;
}

.ss-trigger {
	cursor: pointer;
}


.sidepanel .slides li img.img-responsive {
	width: auto;
	height: 100%;
	max-width: none;
}

.statusMessage,
.successmessage,
.errormessage {
	display: none;
	margin: auto;
	width: 100%;
	height: auto;
	left: 0px;
	right: 0px;
	top: 0px;
	border: 1px solid #727272;
	margin: 0 auto 25px auto;
	color: #A5A299;
}

.statusMessage p,
.successmessage p,
.errormessage p,
#incompleteMessage p {
	margin: 0;
	padding: 20px;
	color: #A5A299;
	font-size: 14px;
	line-height: 20px;
}

.statusMessage2,
.successmessage2,
.errormessage2 {
	display: none;
	margin: auto;
	width: 100%;
	height: auto;
	left: 0px;
	right: 0px;
	top: 0px;
	border: 1px solid #ccc;
	margin: 0 auto 25px auto;
	color: #464646;
}

.statusMessage2 p,
.successmessage2 p,
.errormessage2 p,
#incompleteMessage2 p {
	margin: 0;
	padding: 20px;
	color: #464646;
	font-size: 14px;
	line-height: 20px;
}

/* 21. Responsive Styles */
@media only screen and (min-width: 1501px) and (max-width: 2700px) {
	.spa-block a.flex-prev {
		left: -198px;
		bottom: 83px;
	}

	.spa-block a.flex-next {
		left: -135px;
		bottom: 83px;
	}

	.dual-slider .gal-nav h2 {
		font-size: 28px;
	}

	.dual-slider .gal-nav p {
		font-size: 14px;
		line-height: 28px;
	}
}

@media only screen and (min-width: 1280px) and (max-width: 1500px) {
	.mr-overlay h2 {
		font-size: 20px;
		line-height: 25px;
	}

	.mr-inner:hover .mr-overlay h2 {
		margin: 20px 0 10px;
	}

	.mr-head p {
		display: none;
	}

	.mr-overlay p {
		font-size: 13px;
	}

	.mr-overlay p .hide {
		display: none;
	}

	.mr-overlay p.maru-img {
		display: none;
	}

	.dual-slider .gal-nav {
		text-align: left;
		padding: 40px 40px 30px;
		display: table;
	}

	.dual-slider #gal-slider a.flex-prev {
		right: 83px;
		bottom: 20px;
		z-index: 9999;
	}

	.dual-slider #gal-slider a.flex-next {
		right: 20px;
		bottom: 20px;
		z-index: 9999;
	}
}

@media only screen and (min-width: 1217px) and (max-width: 1370px) {
	.mr-overlay {
		height: 240px;
	}
}

@media only screen and (min-width: 1151px) and (max-width: 1279px) {
	.dual-slider .gal-nav {
		text-align: left;
		padding: 40px 40px 30px;
		display: table;
	}

	.dual-slider #gal-slider a.flex-prev {
		right: 83px;
		bottom: 20px;
		z-index: 9999;
	}

	.dual-slider #gal-slider a.flex-next {
		right: 20px;
		bottom: 20px;
		z-index: 9999;
	}

	.dual-slider .gal-nav h2 {
		padding-bottom: 15px;
	}

	.dual-slider .gal-nav p {
		font-size: 13px;
		line-height: 24px;
		padding-bottom: 10px;
	}

	.mr-overlay {
		height: 260px;
	}

	.mr-overlay h2 {
		font-size: 15px;
		line-height: 23px;
	}

	.mr-overlay p {
		padding: 0 20px 0;
		font-size: 12px;
	}

	.mr-inner:hover .mr-overlay h2 {
		margin: 20px 0 10px;
	}

	.sf-menu>li>a {
		/* padding: 53px 9px 50px;*/
		font-size: 14px;
	}

	.mr-head h3 {
		font-size: 18px;
		line-height: 1.6em;
		margin-bottom: 12px;
	}

	.mr-head {
		padding: 23px 18px;
	}

	#toppage .gallery-main .gallery-block ul li {
		width: 33.3333%;
	}

	.room-detail {
		bottom: 20px;
	}
}

@media only screen and (min-width: 993px) and (max-width: 1150px) {
	header {
		height: 90px;
	}

	.sf-menu>li>a {
		/* padding: 30px 9px 30px;*/
		font-size: 14px;
	}

	.navbar-default {}

	#header .header_content.sticky .navbar-default {
		height: 90px;
	}

	.toplogo {
		height: 90px;
		top: 23%;
	}

	.toplogo a {
		display: table;
	}

	.pages #wrapper {
		padding-top: 90px;
	}

	.dual-slider .gal-nav {
		text-align: left;
		padding: 40px 40px 30px;
		display: table;
	}

	.dual-slider #gal-slider a.flex-prev {
		right: 83px;
		bottom: 20px;
		z-index: 9999;
	}

	.dual-slider #gal-slider a.flex-next {
		right: 20px;
		bottom: 20px;
		z-index: 9999;
	}

	.dual-slider .gal-nav h2 {
		padding-bottom: 15px;
	}

	.dual-slider .gal-nav p {
		font-size: 12px;
		line-height: 18px;
		padding-bottom: 16px;
	}

	.dual-slider .gal-nav {
		text-align: left;
		padding: 30px 30px 30px;
		display: table;
	}

	.dual-slider .col-md-7 {
		width: 60%;
	}

	.dual-slider .col-md-5 {
		width: 40%;
	}

	.dual-slider .gal-nav h2 {
		font-size: 25px;
	}

	.room-three .col-sm-10 {
		width: 75%;
	}

	.room-detail {
		bottom: 20px;
	}

	.gallery-main .gallery-block ul li {
		width: 33.3333%;
	}

	.mr-head {
		padding: 23px 18px;
	}

	.mr-head h3 {
		font-size: 15px;
		line-height: 25px;
		margin-bottom: 12px;
	}

	.mr-inner:hover .mr-overlay h2 {
		margin: 0px 0 10px;
	}

	.room-detail {
		bottom: 20px;
		left: 20px;
	}

	.mr-overlay {
		padding: 32px 0px 0px !important;
	}

	.mr-overlay p {
		padding-right: 0;
	}

	.mr-overlay p.maru-img {
		display: none;
	}

	.roomspage .table-bordered.tb-table th,
	.roomspage .table-bordered.tb-table td {
		padding: 10px 5px 10px 10px;
		line-height: 1.4em;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1150px) {
	.nav-tabs>li {
		float: left;
		margin-bottom: 0;
		width: auto;
	}

	.detail-cont .col-lg-7 {
		width: 45%;
	}

	.detail-cont .col-lg-5 {
		width: 55%;
	}

	#content.blog {
		padding: 0 15px;
	}

	.mr-overlay p {
		font-size: 13px;
	}
}

@media only screen and (max-width: 1091px) {
	#footer .footer .f-block1 ul.footer_address {
		padding: 0 30px 0 30px;
	}
}

@media only screen and (max-width: 992px) {
	#toppage .top_text {
		top: 20%;
	}

	.sendButton {
		margin-left: 0px;
	}

	.sendButton .awe-btn {
		margin-top: 0px;
	}

	.title {
		padding-bottom: 60px;
	}

	#toppage .welcome .title h6 {
		right: 20%;
	}

	#toppage header {
		bottom: -118px;
	}

	.top_moon span {
		top: 25px;
		right: 35%;
	}

	.top_moon_foreign span {
		top: 53px;
		right: 0%;
	}

	.title .toplead_tate {
		padding: 0 10px !important;
		font-size: 14px;
	}

	.tokyo_illust {
		right: 0%;
	}

	header {
		z-index: 9999;
		height: 90px;
	}

	.header_top .header_right .topmenu {
		line-height: 1.6em;
		font-size: 13px;
		margin-right: 30px;
	}

	.header_top .header_right .booking {
		margin: 10px 10px 0 30px;
		position: absolute;
		z-index: 999;
		top: 0;
		right: 0;
	}

	.header_top .header_right {
		/* float: none;
		width: 100%;
		text-align: center; */
	}

	.header_top .header_left {
		/* float: none;
		width: 100%;
		text-align: center; */
		padding-left: 0;
		width:calc( 100% - 130px );
		padding-left:15px;
	}

	.header_top .header_right .dropdown {
		font-size: 13px;
		padding: 10px 10px;
	}

	.header_top .header_left p {
		font-size: 12px;
		line-height: 1.2em;
		margin-top: 10px;
	}

	#toppage .top_text p {
		display: none;
	}

	.navbar-default {
		height: 90px;
	}

	.toplogo {
		height: 90px;
		top: 26%;
	}

	.toplogo a {
		display: table;
	}

	#header .header_content.sticky .contact {
		padding: 25px 30px 0;
	}

	#header .header_content.sticky #mobnav-btn {
		padding: 28px 0px 0;
	}

	#header .header_content.sticky .toplogo a {
		margin-top: -12px;
	}

	#header .header_content.sticky .navbar-default {
		height: 90px;
	}

	.sf-menu,
	.sf-menu li.sf-mmenu {
		position: relative !important;
	}

	#mobnav-btn {
		display: block !important;
	}

	.sf-menu {
		display: none;
	}

	.sf-menu {
		width: 100% !important;
		position: absolute !important;
		background: rgba(75, 17, 9, 0.8);
		max-height: 61vh;
		overflow: auto;
		overflow-x: hidden !important;
	}

	.sf-menu .sf-mega {
		display: none !important;
		position: static !important;
	}

	.sf-menu ul {
		position: static !important;
		display: none !important;
		padding-bottom: 8px;
		margin-bottom: 7px;
	}

	.sf-menu li {
		float: none !important;
		display: block;
		width: 100% !important;
	}

	.sf-menu>li::after {
		display: none;
	}

	.sf-menu li a {
		float: none !important;
	}

	.xpopdrop .sf-mega,
	.xpopdrop ul {
		display: block !important;
	}

	.sf-mega-section {
		float: none;
		border-right: none;
		width: 100%;
		padding: 0;
	}

	.sf-menu>li>a {
		/* padding: 10px 15px;*/
		font-size: 14px;
		line-height: 65px;
	}

	.menu-wrap {
		position: relative;
	}

	.sf-menu ul li a {
		font-size: 13px;
		padding: 13px 21px;
	}

	.sf-menu ul ul {
		top: 0px;
		left: 100%;
		border-top: none;
		margin-top: 0;
		padding-top: 0;
		padding-bottom: 0;
		box-shadow: none;
	}

	.sf-menu.xactive {
		display: block !important;
		width: 260px !important;
		right: 0px;
		padding: 0 0 10px;
		max-height: 81vh;
		top: 90px;
	}

	.sf-menu.xactive>li.active {
		padding: 5px 0 10px;
	}

	#header .header_content.sticky .sf-menu {
		height: auto;
	}

	.sticky-menu {
		display: none;
	}

	.floatwrap .container {
		padding: 40px 40px;
	}

	.roomspage .amenity .container {
		padding: 40px 40px 0px;
	}

	footer .container {
		max-width: 100%;
		width: 90%;
	}

	#footer .footer .f-block3 .social ul li {
		margin-bottom: 10px;
	}

	#footer .footer .f-block2 {
		padding: 0px;
	}

	#footer .footer .f-block3 {
		padding: 0px;
		margin: 0;
	}

	#footer .footer .f-block1 ul.footer_address {
		text-align: center;
	}

	.pages #wrapper {
		padding-top: 90px;
	}

	.container {
		max-width: 700px;
		width: 90%;
	}

	ul.specific li {
		font-size: 14px;
		width: 50%;
		text-align: left;
	}

	.dual-slider .col-md-7 {
		width: 100%;
		float: none;
	}

	.dual-slider .col-md-5 {
		width: 100%;
		float: none;
	}

	.top-slider .slides li .flex-caption h1 {
		padding: 25px 40px 22px;
		width: 90%;
		max-width: 90%;
		margin: 0 5%;
	}

	.top-slider .slides li .flex-caption p {
		padding: 23px 25px;
		width: 90%;
		max-width: 90%;
		margin: 0 5%;
	}

	.location {
		padding: 91px 0 0 0;
	}

	.title p {
		padding: 0px 25px;
	}

	.title .access_top_address p {
		padding: 0;
	}

	.nav-tabs>li {
		float: left;
		margin-bottom: 0;
		width: 50%;
	}

	.tabs-left>.nav-tabs>li {
		width: 100%;
	}

	.gallery-main {
		padding: 0 0 60px 0;
	}

	.gallery-main .gallery-block .main-room {
		padding: 0 30px 120px;
	}

	.breakfast {
		padding: 0px 0 80px;
	}

	.breakfast .title h3 {
		padding-top: 50px;
	}

	.mr-overlay h2 {}

	.home-gal .title h6 {
		left: 30%;
	}

	.inquiry .text .nakamidashi {
		padding-bottom: 15px;
		text-align: center;
		font-size: 18px;
	}

	.reservation-sidebar .nakamidashi {
		padding: 60px 0 15px;
		font-size: 18px;
	}

	.back-dark {
		padding: 140px 0 30px;
		background-position: bottom;
	}

	.back-dark.breakfast {
		padding: 20px 0 30px;
		background-position: top;
	}

	.back-dark.faq {
		padding: 140px 0 30px;
		background-position: bottom;
	}
}

@media only screen and (max-width: 767px) {
	.toplogo {
		top: 47%;
	}

	.toplogo a {
		margin-top: -18px;
	}

	.toplogo img {
		width: 65%;
	}

	.contact {
		padding: 36px 30px 0;
	}

	#mobnav-btn {
		padding: 36px 0 0;
	}

	.header_top .header_right .booking {
		margin: 4px 10px 0 30px;
	}

	#header .header_content.sticky .toplogo a {
		margin-top: -18px;
	}

	#header .header_content.sticky .toplogo {
		top: 35%;
	}

	#header .header_content.sticky .toplogo img {
		width: 70%;
	}

	.header_top .header_right .topmenu {
		margin: 60px 30px 0 0;
	}

	.top_moon span {
		top: 15px;
		font-size: 16px;
	}

	.top_moon_foreign span {
		top: 58px;
		font-size: 16px;
	}

	p.toplead {
		font-size: 15px;
	}

	h4.lead {
		font-size: 18px;
	}

	.welcome {
		padding: 35px 0 120px 0;
	}

	.room-col .title {
		padding: 80px 0px 60px;
	}

	.gallery-main .title {
		padding: 80px 0 80px 0;
	}

	.bg-pageHeader.roomspage-header {
		margin-left: -50px;
	}

	.roomspage-header .sub-banner .text h2 {
		margin-left: 50px;
	}

	#top-slider {
		margin-top: 120px;
	}

	.sub-banner .text h2.room {
		margin-top: 40px;
		font-size: 22px;
		letter-spacing: 0.8em;
	}

	.room-gallery .main-cal {
		display: block;
	}

	.room-gallery .main-cal .cal th {
		font-size: 12px;
		width: 14.27%;
		padding: 15px 3px;
		font-size: 10px;
	}

	.owl-theme .owl-controls .owl-buttons div {
		margin: 0;
		opacity: 0.6;
		font-size: 14px;
	}

	.owl-controls .owl-prev,
	.owl-controls .owl-next {
		width: 30px;
		height: 30px;
		line-height: 30px;
	}

	.mr-head h3 {
		font-size: 20px;
		line-height: 1.8em;
		margin-bottom: 20px;
		margin-top: -35px;
	}

	.mr-head p {
		font-size: 16px !important;
		line-height: 1.8em !important;
		padding: 0px 0;
		margin-bottom: 19px;
	}

	.mr-inner:hover .mr-overlay h2 {
		margin: 20px 0px 10px;
	}

	.mr-overlay p {
		font-size: 14px;
		margin-top: 40px;
		line-height: 1.8em;
	}

	.mr-overlay p.maru-img {
		position: absolute;
		top: -30px;
		right: -10px;
	}

	.room-col .sort-select .select-right {
		display: none;
	}

	.nav-tabs>li {
		float: left;
		margin-bottom: -1px;
		width: 100%;
	}

	.date {
		position: relative;
		width: 100%;
	}

	ul.specific {
		display: table;
		margin: 0 auto;
	}

	ul.specific li {
		font-size: 12px;
		line-height: 18px;
		width: 100%;
		text-align: left;
	}

	.top-slider .slides li .flex-caption {
		display: none;
	}

	.detail-cont .col-lg-7 {
		margin-bottom: 35px;
	}

	footer .container {
		max-width: 500px;
	}

	#footer .footer .f-block2 {
		float: left;
		width: 100%;
		padding: 0px 0px 0px 0;
		text-align: left;
	}

	#footer .footer .f-block3 {
		margin: 0px;
	}

	#footer .footer .f-block1 ul {
		padding: 0;
	}

	#footer .footer-bot ul {
		float: none;
		display: table;
		margin: 0 auto 5px;
	}

	#footer .footer ul.menu_fotter {
		text-align: center;
		margin-top: 20px;
	}

	#footer .footer ul.menu_fotter li {
		display: inline;
		padding-right: 25px;
	}

	.contact_fotter .contact_button {
		display: block;
		font-size: 14px;
	}

	.bannerList li {
		float: left;
		width: 30%;
		display: block;
	}

	.bannerList li img {
		width: 75%;
	}

	.gallery-main .gallery-block .main-room ul li {
		margin-bottom: 20px;
	}

	.gallery-block .col-sm-6 {
		padding-right: 10px !important;
		padding-left: 10px !important;
	}

	.breakfast .photos .col-sm-6 {
		margin: 30px 0;
	}

	.roomspage .amenity p {
		font-size: 13px;
	}

}

@media only screen and (max-width: 490px) {
	.top_moon_foreign span {
		top: 54px;
		font-size: 16px;
	}
}

@media only screen and (max-width: 433px) {
	.top_moon_foreign span {
		top: 33px;
		font-size: 12px;
	}
}

@media only screen and (max-width: 390px) {
	.top_moon_foreign span {
		top: 42px;
		font-size: 12px;
	}
}

@media only screen and (max-width: 344px) {
	.top_moon_foreign span {
		top: 24px;
		font-size: 12px;
	}
}

@media only screen and (max-width: 600px) {
	.header_top {
		height: 40px;
	}

	.header_content {
		top: 40px;
	}

	.header_top .header_left {
		display: none;
	}

	.header_top .header_right .topmenu {
		display: none !important;
	}

	.menu-wrap {
		position: static;
	}

	.sf-menu.xactive {
		right: 0px;
		margin: 0 auto;
	}

	.navbar-default {
		left: 0%;
		opacity: 1;
		visibility: visible;
		z-index: 99;
	}

	.navheader {
		opacity: 1;
		visibility: visible;
	}

	.toplogo img {
		width: 60%;
	}

	.contact {
		padding: 36px 24px 0;
	}

	.contact_button {
		padding: 10px 14px;
	}

	#header .header_content.sticky .contact {
		padding: 25px 24px 0;
	}

	#toppage .welcome .container {
		width: 100%;
	}

	#toppage .welcome .title h6 {
		right: -35%;
		font-size: 18px;
	}

	.toplead_tate {
		letter-spacing: -0.01em;
	}

	p.toplead,
	p.lead_fifth {
		font-size: 14px;
	}

	.title {
		padding-bottom: 20px;
	}

	.title h2 {
		font-size: 18px;
		line-height: 1.2em;
	}

	.title h3 {
		font-size: 20px;
	}

	.title h6 {
		font-size: 16px;
	}

	.gallery-villa .mr-inner:hover .mr-overlay h2 {
		margin: 0px 0px 10px;
	}

	.gallery-main .gallery-block .main-room ul li {
		margin-bottom: 15px;
	}

	.mr-overlay {
		height: 60%;
	}

	.mr-overlay h2 {
		font-size: 22px;
		line-height: 25px;
	}

	.room-detail {
		bottom: 35px;
	}

	.table-bordered.tb-table th,
	.table-bordered.tb-table td {
		font-size: 13px;
		line-height: 1.8em;
	}

	ul.listmaru li {
		font-size: 13px;
	}

	.back-dark {
		padding: 80px 0 30px;
		background-position: bottom;
	}

	.back-dark>.container {
		width: 100%;
	}

	.back-dark.faq {
		padding: 80px 0 30px;
	}

	.section-contact .back-dark.faq {
		padding: 80px 0 0;
	}

	.back-dark.confirm {
		padding: 180px 0 0px;
	}

	.welcome {
		padding: 80px 0 120px 0;
	}

	.access {
		padding: 0 0 40px 0;
	}

	.access #map {
		margin: 0 auto 0;
	}

	.detail ul li p {
		padding-left: 0;
	}

	.detail ul li span.category {
		position: relative;
		top: -6px;
	}

	.bannerList li {
		float: none;
		width: 80%;
		display: block;
		margin: 10px auto;
	}

	#toppage .gallery-main .title {
		padding: 60px 0 30px 0;
	}

	.location .title {
		padding-bottom: 30px;
	}

	.gallery-main .gallery-block .main-room {
		padding: 0 30px 60px;
	}

	.link_banner {
		padding: 0 0 40px 0;
	}

	.faq-section {
		padding-bottom: 40px;
	}

	.roomspage .room_img {
		height: 400px;
	}

	.roomtitle {
		font-size: 24px;
	}

	.roomtitle span {
		font-size: 20px;
	}

	.breakfast .title {
		padding: 0;
	}

	.breakfast .title h3 {
		padding: 80px 0 0;
	}

	.breakfast .title p {
		padding: 15px 0 20px;
	}

	.traffic {
		padding: 120px 0 40px;
	}
}

.booking_invoice {
	color: #d20000;
	font-weight: bold;
}

.air_logo {
	width: 50%;
	height: auto;
	margin-top: 20px;
}

@media only screen and (max-width: 700px) {
	.air_logo {
		width: 70%;
		height: auto;
		margin-top: 20px;
	}
}

/* ↓ スライドの外枠 */
.slide-wrapper {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	/* はみ出したスライドを隠す */
}

.slide-single00 {
	/*スライド全体 */
	width: 100%;
	padding-bottom:30px;
}

.slide-single00 div {
	/* スライド */
	width: 100%;
}


.slide-single00 img{
	width: 100%;
	height: auto;
	margin-top: 16px;
}

.slide-single00 img,
.slide-single01 img,
.slide-single02 img,
.slide-single03 img,
.slide-single04 img,
.slide-single05 img,
.slide-single06 img,
.slide-single07 img,
#deluxe .titleR img {
	width: 100%;
	height: auto;
	margin-top: 16px;
}

/* スライド6枚 */
.slide1 {
	/* スライドさせるために必要なクラス */
	transform: translateX(0);
}

.slide2 {
	/* スライドさせるために必要なクラス */
	transform: translateX(-16.7%);
}

.slide3 {
	/* スライドさせるために必要なクラス */
	transform: translateX(-33.4%);
}

.slide4 {
	/* スライドさせるために必要なクラス */
	transform: translateX(-50%);
}

.slide5 {
	/* スライドさせるために必要なクラス */
	transform: translateX(-66.7%);
}

.slide6 {
	/* スライドさせるために必要なクラス */
	transform: translateX(-83.4%);
}

/* スライド3枚 */
.slide-single03.slide1,
.slide-single05.slide1,
.slide-single06.slide1,
.slide-single07.slide1 {
	/* スライドさせるために必要なクラス */
	transform: translateX(0%);
}

.slide-single03.slide2,
.slide-single05.slide2,
.slide-single06.slide2,
.slide-single07.slide2 {
	/* スライドさせるために必要なクラス */
	transform: translateX(-33.2%);
}

.slide-single03.slide3,
.slide-single05.slide3,
.slide-single06.slide3,
.slide-single07.slide3 {
	/* スライドさせるために必要なクラス */
	transform: translateX(-66.7%);
}

/* スライド4枚 */
.slide-single04.slide1 {
	/* スライドさせるために必要なクラス */
	transform: translateX(0%);
}

.slide-single04.slide2 {
	/* スライドさせるために必要なクラス */
	transform: translateX(-25%);
}

.slide-single04.slide3 {
	/* スライドさせるために必要なクラス */
	transform: translateX(-50%);
}

.slide-single04.slide4 {
	/* スライドさせるために必要なクラス */
	transform: translateX(-75%);
}

/* スライド5枚 */
.slide-single07.slide1 {
	/* スライドさせるために必要なクラス */
	transform: translateX(0%);
}

.slide-single07.slide2 {
	/* スライドさせるために必要なクラス */
	transform: translateX(-20%);
}

.slide-single07.slide3 {
	/* スライドさせるために必要なクラス */
	transform: translateX(-40%);
}

.slide-single07.slide4 {
	/* スライドさせるために必要なクラス */
	transform: translateX(-60%);
}

.slide-single07.slide5 {
	/* スライドさせるために必要なクラス */
	transform: translateX(-80%);
}

/* ↓ 左右のボタン */
.slick-next {
	font-size: 0;
	position: absolute;
	width: 15px;
	height: 15px;
	right: 10px;
	bottom: 50%;
	z-index: 10;
	cursor: pointer;
	border-top: solid 3px #dea739;
	border-right: solid 3px #dea739;
	border-bottom: none;
  border-left: none;
	background: none;
	-webkit-transform: rotate(45deg) translateY(50%);
	transform: rotate(45deg) translateY(50%);
}

.slick-prev {
	font-size: 0;
	position: absolute;
	width: 15px;
	height: 15px;
	left: 25px;
	bottom: 50%;
	z-index: 10;
	cursor: pointer;
	border-top: solid 3px #dea739;
	border-right: solid 3px #dea739;
	border-bottom: none;
	border-left: none;
	background: none;
	-webkit-transform: rotate(-135deg) translateY(-50%);
	transform: rotate(-135deg) translateY(-50%);
}

/* ↓ インジケーター */
.slick-dots {
	width: 100%;
	position: absolute;
	bottom: 10%;
	display: flex;
	column-gap: 18px;
	z-index: 10;
	justify-content: center;
	align-items: center;
	margin:0;
	bottom:15px;
	transform:translateY(50%);
}

.slick-dots li {
	width: 14px;
	height: 14px;
	border-radius: 50%;
	list-style: none;
	background-color: #fff;
	cursor: pointer;
	border: none;
  overflow: hidden;
}

.slick-dots li button {
	background-color: #fff;
	font-size: 0;
	border: none;
}

.slick-dots li.slick-active button {
	background-color: #dea739;
	font-size: 0;
	border: none;
}

/* 20240402 */
.air_logo {
	width: 140px;
	margin: 0;
	border: 1px solid #4b1109;
}

.roomspage .floatwrap {
	height: auto !important;
}

.roomspage .floatwrap .container {
	padding-bottom: 100px;
}

.roomspage .floatwrap table {
	margin-bottom: 0;
}

.roomspage .floatwrap table.table-bordered.tb-table th {
	width: 160px;
}

.roomspage .floatwrap table .p-num {
	display: inline-block;
	width: 6em;
	width:fit-content;
}

.roomspage .floatwrap table .p-price {
	display: inline-block;
	padding-left:1.5em;
}

.roomspage .floatwrap table .r-type {
	display: inline-block;
	width: 14em;
}

@media screen and (max-width:992px) {
	.roomspage .floatwrap .container {
		padding-bottom: 40px;
	}

	.roomspage .floatwrap .floatR .container {
		padding-top: 0;
	}
}

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

	.roomspage .floatwrap table.table-bordered.tb-table,
	.roomspage .floatwrap table.table-bordered.tb-table tbody,
	.roomspage .floatwrap table.table-bordered.tb-table tr,
	.roomspage .floatwrap table.table-bordered.tb-table th,
	.roomspage .floatwrap table.table-bordered.tb-table td {
		display: block;
		width: 100%;
		border-top: none;
	}

	.roomspage .floatwrap table.table-bordered.tb-table {
		border-top: 1px solid #4b1109;
	}
}

/* フッター リクルートボタン追加 */
#footer .footer .f-block3>div {
	display: block;
}

#footer .footer .f-block3 .contact_fotter {
	margin-bottom: 10px;
}

#footer .footer .f-block3 .contact_fotter.recruit_footer {
	margin-top: 30px;
	margin-bottom: 0;
}

.contact_fotter .contact_button {
	margin: 0;
}

.contact_fotter.recruit_footer .contact_button {
	color: #4b1109;
	font-weight: bold;
	background: url('../img/back1.jpg');
	border: 1px solid #4b1109;
	border-radius: 3px;
}

.contact_fotter.recruit_footer .contact_button:hover {
	color: #dea739;
}

.cdsROW.narrow {
	width: 100% !important;
	max-width: 200px;
}

.air-more a {
	margin-top: 4px !important;
}

.air-more {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 5px;
}

.access-image {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 80px;
	gap: 15px;
	flex-direction: row;
	flex-wrap: wrap;
}
.access-image > img {
	width: calc( ( 100% - 30px ) / 3 );
}
@media screen and (max-width:991px) {
	.access-image {
		margin-top: 60px;
	}
	.access-image > img {
		width: calc( ( 100% - 15px ) / 2 );
	}
}
@media screen and (max-width:500px) {
	.access-image {
		margin-top: 40px;
	}
	.access-image > img {
		width:100%;
	}
}

.snapwidget-widget {
	margin-bottom: 120px;
}

/* 17. inquiry */
.inquiry .text{
	padding-top:40px;
	text-align: center;
}
.inquiry .text .nakamidashi{
	padding-bottom:15px;
}
.inquiry .text .img_yoyaku{
	text-align: center;
	padding-bottom:15px;
}
.inquiry .text .img_yoyaku img{
	 display: inline;
}
.inquiry .text p{
	padding-bottom:8px;
}
.inquiry .text p a{
 color:#dea739
}
.inquiry .text p.caution{
	font-size:13px;
}
.reservation-sidebar{
 padding:80px 0 60px;
 overflow: hidden;
}
.text .reservation-sidebar{
 padding:120px 0 60px;
 overflow: hidden;
}
.reservation-sidebar .nakamidashi{
	text-align: center;
}
/* .reservation-sidebar .reservation_banner {
	margin-bottom:50px;
} */
.reservation-sidebar .reservation_banner .reservation_item a {
	font-size:22px;
	font-weight:600;
	line-height:80px;
	text-align:center;
	display:block;
	width:100%;
	height:80px;
	background-color:#fff;
}
@media screen and (max-width:600px) {
	.reservation-sidebar .reservation_banner {
	margin-bottom:30px;
}
	.reservation-sidebar .reservation_banner .reservation_item {
		max-width:180px;
	}
	.reservation-sidebar .reservation_banner .reservation_item a {
		font-size:18px;
		line-height:60px;
		height:60px;
	}
}
.inquiry .title{
	padding:60px 0 60px;
}
.reservation-sidebar_availability  {
	margin-top: 15px;
}
.reservation-sidebar_availability  label {
	display: block;
	font-size: 14px;
	margin-bottom: 7px;
	text-align: left;
}
input[type="search"], input[type="text"], input[type="url"], input[type="number"], input[type="password"], input[type="email"], input[type="file"] {
	background: none;
	border: 1px solid #d4d4d4;
	background-color: #fff;
	height: 40px;
	line-height: 40px;
	padding: 0 12px;
	color: #666;
	font-size: 12px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	}
input, button, select, textarea {
	font-family: inherit;
	font-size: 13px;
	line-height: inherit;
	padding:10px;
}
.contact-form .field-text,
.contact-form .field-textarea {
	border: none;
	width: 100%;
	margin: 0 0 15px 0;
	color: #232323;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	border:1px solid #d4d4d4;
	border-radius: 4px;
}
.contact-form .col-md-12{
	clear:both;
}
.reservation-sidebar_availability .awe-select {
	background-color: #fff;
	height: 40px;
	border-width: 0;
	margin: 0 0 15px 0;
	line-height: 30px;
	width: 100%;
	border:1px solid #d4d4d4;
	border-radius: 4px;
}
.contact-form h5{
	font-size:16px;
	padding:20px 0 15px 15px;
	clear:both;
	font-weight: 600;
}

.contact-form h5 span{
	font-size:14px;
}
.required{
	color:red
}
form#contactform label.error, label.error {
color: red;
}
.confirm{
	padding:60px 0 80px;
}
.confirm table{
	margin-top:20px;
}
.confirm .title{
	padding-bottom: 30px;
}
.alert-success {
	background-color: #f9f5ec;
	border-color: #4b1109;
}
.alert-danger {
 color: #fff;
	background-color: #4b1109;
	border-color: #4b1109;
}
.room-col-top{
	width:100%;
	padding: 0 0 90px 0;
	}


.room-col .sort-select {
float: left;
width: 100%;
padding: 0 0 15px 0;
}
.room-col .sort-select .sort-left {
float: left;
padding: 0 0 0 15px;
}
.room-col .sort-select .sort-left h6 {
font-size: 13px;
line-height: 13px;
color: #464646;
text-transform: uppercase;
float: left;
padding: 8px 9px 0 0;
}
.room-col .sort-select .sort-left .selectric-wrapper {
float: right;
}
.room-col .sort-select .sort-left .selectric {
border: 1px solid #dea739;
background: #f9f5ec;
}

.room-col .sort-select .sort-left .selectric .button {
height: 22px;
width: 15px;
margin-right: 5px;
}

.room-col .sort-select .sort-left .selectric .button::after {
border-color: #464646 transparent -moz-use-text-color;
}

.room-col .sort-select .sort-left .selectric .label {
height: 22px;
margin: 0px 40px 0px 5px;
font-family: "TrajanProBold";
font-size: 12px;
line-height: 20px;
color: #9C8954;

}

.room-col .sort-select .select-right {
float: right;
}

.room-col .sort-select .select-right ul {
float: right;
display: block;
}

.room-col .sort-select .select-right ul li {
float: left;
display: block;
padding: 0 10px 0 0;
margin: 0 10px 0 0;
border-right: 1px solid #464646;
}

.room-col .sort-select .select-right ul li:last-child {
border-right: none;
}

.room-col .sort-select .select-right ul li a {
font-size: 13px;
line-height: 13px;
color: #464646;
text-transform: uppercase;
font-weight: 700;
}
.room-col .sort-select .select-right ul li.active a {
color: #9c8954;
}

.room-col .rm-item:first-child {
margin-bottom: -3px;
}

.slider-wrap img {
line-height: 0;
margin: 0;
}
.room-one {
display: table;
padding-bottom: 123px;
width: 100%;
}
.room-one .rm-item {
width: 100%;
padding: 0;
left: 0 !important;
}

.flex-viewport {
overflow: hidden;
}
.room-col .title {
padding: 100px 0px 80px;
}

.dual-btns {
display: table;
margin: 0 auto;
}

.gallery-main {
width: 100%;
	padding: 0 0 80px 0;
	overflow: hidden;
}
#toppage .gallery-main {
width: 100%;
background: url(../images/back3.jpg) repeat;
	padding: 60px 0 0 0;
	overflow: hidden;
	border:1px solid #4b1109;
	border-width: 2px 0 2px 0;
}
#toppage .gallery-main .title {
padding: 100px 0 60px 0;
}
.gallery-main .gallery-block {
float: left;
width: 100%;
}
.gallery-main .gallery-block ul {
display: block;
}
.gallery-main .gallery-block ul li {
display: block;
float: left;
position: relative;
}
.gallery-main .gallery-block .main-room {
padding: 0 0 120px 0;
}
.gallery-main .gallery-block .main-room .img p {
line-height: 20px;
right: 84px;
}
.gallery-main .gallery-block .main-room .room-detail {
font-size: 14px;
line-height: 40px;
color: #f6f0e4;
padding: 0 26px;
border: 2px solid #f6f0e4;
border-radius: 20px;
}

.gallery-main .gallery-block .main-room .img:hover::before {
border: none;
top: 0;
bottom: 0;
}
.gallery-main .gallery-block .main-room .img:hover {
overflow: hidden;
}
.gallery-main .gallery-block .main-room ul li {
margin-bottom:30px;
}
.gallery-main .gallery-block .main-room ul li:first-child {
position: relative;
}

.gallery-main .gallery-block .main-room ul li:first-child .img:hover::before {
background-color: none;
}

.mr-head h3 {
font-size: 21px;
line-height: 30px;
color: #333;
margin-bottom: 20px;
}
.mr-head p {
opacity: 1;
font-size: 14px !important;
line-height: 22px !important;
color: #333;
transform: none;
transition: none 0s ease 0s;
padding: 0 6px;
margin-bottom: 19px;
}
.mr-head p.second {
font-family: "Vollkorn",serif;
font-size: 18px;
font-style: italic;
left: 90px;
line-height: 28px;
opacity: 1;
text-align: center;
transform: none;
transition: none;
}

.gallery-main .gallery-block .main-room .first-block {
background: url(../images/Gallery/1.jpg) no-repeat;
background-size: cover;
padding: 30px;
}

.gallery-main .gallery-block .main-room .first-block .img-detail {
padding: 20px;
}

.gallery-main .gallery-block .main-room .first-block .img-detail h3 {
font-family: "TrajanProRegular";
font-size: 26px;
left: 7%;
line-height: 26px;
right: 7%;
top: 124px;
}
.gallery-main .gallery-block .main-room .first-block .img-detail p {
font-family: "Vollkorn",serif;
font-size: 18px;
font-style: italic;
left: 77px;
line-height: 28px;
opacity: 1;
position: absolute;
right: 77px;
top: 220px;
transform: none;
transition: none 0s ease 0s;
}
.gallery-main .gallery-block .opening-pan {
float: left;
width: 100%;
}

@media screen and (max-width:992px) {
	.pcr992 {
		display: none;
	}

	.rsp992 {
		display: inherit;
	}
}

#cboxLoadedContent {
	background-color: #fff;
}

/*  お部屋について  */
.about_room{
    padding:0 0 80px;
}
.about_room .container {
	display:flex;
	flex-wrap:wrap;
	gap:30px 0;
}
.about_room .container .col-sm-6 {
	height:auto;
}
.about_room .container .room_cat {
	height:100%;
}
.about_room .container .room_cat,
.about_room .container .room_cat_01 {
	margin-bottom:0;
}
.room_cat,.room_cat_01{
    background: url(../img/back2.jpg) repeat;
    border: 1px solid #4b1109;
    margin-bottom:30px;
    height: auto;/*480px;*/
}
.room_cat .text,
.room_cat_01 .text{
    padding:20px 20px 30px;
}
.room_cat .text h3,
.room_cat_01 .text h3{
    font-size: 18px;
    font-weight: 500;
}
.room_cat .text p,
.room_cat_01 .text p{
    margin-top:15px;
    font-size:14px;
}
/* .room_cat .text p.single_text,
.room_cat_01 .text p.single_text{
	height:90px;
} */
.room_cat #special_mini,
.room_cat_01 #special_mini{
/*    background: url(../img/rooms/mini_special.jpg) no-repeat;*/
    background: url(../img/rooms/rooms_suite20240314.jpg) no-repeat;
    background-position: center center;
    position: relative;
    background-size: cover;
    height:280px;
    padding:0;
}
.room_cat #suite_mini,
.room_cat_01 #suite_mini{
    background: url(../img/rooms/mini_suite.jpg) no-repeat;
    background-position: center center;
    position: relative;
    background-size: cover;
    height:280px;
    padding:0;
}
.room_cat #jpws_mini,
.room_cat_01 #jpws_mini{
    background: url(../img/rooms/mini_jpws.jpg) no-repeat;
    background-position: center center;
    position: relative;
    background-size: cover;
    height:280px;
    padding:0;
}
.room_cat #deluxe_mini,
.room_cat_01 #deluxe_mini{
/*    background: url(../img/rooms/mini_deluxe.jpg) no-repeat;*/
    background: url(../img/rooms/mini_deluxe20240314.jpg) no-repeat;
    background-position: center center;
    position: relative;
    background-size: cover;
    height:280px;
    padding:0;
}
.room_cat #standard_mini,
.room_cat_01 #standard_mini{
/*    background: url(../img/rooms/mini_standard.jpg) no-repeat;*/
    background: url(../img/rooms/mini_standard20240314.jpg) no-repeat;
    background-position: center center;
    position: relative;
    background-size: cover;
    height:280px;
    padding:0;
}
.room_cat #economy_mini,
.room_cat_01 #economy_mini{
    background: url(../img/rooms/mini_economy20240314.jpg) no-repeat;
    background-position: center center;
    position: relative;
    background-size: cover;
    height:280px;
    padding:0;
}
.room_cat #western_mini,
.room_cat_01 #western_mini{
/*    background: url(../img/rooms/mini_western.jpg) no-repeat;*/
    background: url(../img/rooms/mini_western20240314.jpg) no-repeat;
    background-position: center center;
    position: relative;
    background-size: cover;
    height:280px;
    padding:0;
}
    @media screen and (max-width:790px){
        .room_cat,.room_cat_01{ max-width: 100%; }
    }
	@media (max-width:767px){
		.room_cat .text p.single_text,
		.room_cat_01 .text p.single_text {
			height:auto;
		}
	}
	@media (max-width:490px){
		.room_cat #special_mini,
		.room_cat01 #special_mini {
			background-position:left center;
		}
	}
.floatwrap{
    padding:0;
    margin:0;
	overflow:hidden;
	clear:both;
	}
.floatwrap:after{
	clear: both;
	content: " ";
    display: table;
	}
.floatwrap{
    *zoom: 1;
}
.floatwrap a:nth-of-type(2){
    margin-left:10px;
}
.floatwrap.sect{
    height: 42em;
}
#special .floatwrap.sect,
#suite .floatwrap.sect{
    height: 62em;
}
.floatwrap .roomsetsumei{
    font-size:14px;
    line-height: 1.8em;
}
.floatR{
	float:right;
	width:50%;
    height: 100%;
    padding:0;
    margin:0;
	}
.floatL{
	float:left;
	width:50%;
    height: 100%;
    padding:0;
    margin:0;
	}
.floatwrap .container, .amenity .container{
	width: 100%;
	margin: 0 auto;
	padding:100px 80px 0 60px;
}
#suite, #western{
    background: url(../img/back3.jpg) repeat;
}
.room_img{
    position: relative;
    width:100%;
    height: 100%;
}
.roomtitleback{
    position: absolute;
    margin: auto;
    width:331px;
    height:331px;
    top: 0;
    right: 0;
    left:0;
    bottom: 0;
}
.roomtitle{
    position: absolute;
    top: 40%;
    right: 0;
    left: 0;
    bottom: 0;
    font-family: "Yu Mincho", YuMincho, Georgia, "Hiragino Mincho ProN", serif;
    color:#4b1109;
    font-size:28px;
    font-weight: 600;
    text-align: center;
}
.roomtitle span{
    font-size:20px;
}
.roomtitle_en{
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    bottom: 0;
    font-family:  'Segoe Script', 'Kalam', cursive;
    font-size:20px;
    color:#dea739;
    text-align: center;
    text-shadow: 1px 1px 2px #fff;
}
.roomspage .room_img{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left center;
    height: 500px;
}
#special .room_img{
    background-image: url(../img/rooms/special20240314.jpg);
}
#suite .room_img{
    background-image: url(../img/rooms/suite.jpg);
}
#deluxe .room_img{
    background-image: url(../img/rooms/deluxe.jpg);
}
#standard .room_img{
    background-image: url(../img/rooms/standard.jpg);
}
#western .room_img{
    background-image: url(../img/rooms/western.jpg);
}
#economy .room_img{
    background-image: url(../img/rooms/economy.jpg);
}
.roomspage .amenity .sect .container {
	width: 100%;
	margin: 0 auto;
	padding:0 40px 0 40px;
}
.roomspage .amenity {
	padding-bottom: 80px;
}
.roomspage .amenity p {
	margin: 10px 0 35px;
}
.roomspage .amenity p.fi-header {
	color:#4b1109;
	font-size:18px;
	font-weight:bold;
	line-height:1.2;
	text-align:center;
	margin: 30px 0 -5px;
}
.roomspage .amenity p.fi-header:first-of-type {
	margin-top:0;
}
.roomspage .amenity .airweave_txt_last{
	margin-bottom: 100px;
}
.amenity .floatwrap.sect{
    height: auto;
}
.amenity .floatwrap.sect .floatR{
    padding-left:30px;
}
.amenity .floatwrap.sect .floatL{
    padding-right:30px;
}
.amenity img{
	margin-bottom: 15px;
}

.roomspage .links{
	width: 100%;
	max-width: 400px;
	display:flex;
	flex-wrap:wrap;
	gap:10px;
	margin-top:30px;
}
.roomspage .links .btn,
.roomspage .links .btn-default,
.roomspage .links .btn-opposite {
	padding:7px 18px;
	margin:0;
}
.roomspage .floatwrap .links a.btn:nth-of-type(2) {
	margin:0;
}
.roomspage .links .btn i {
	margin:0;
}
.roomspage .links .btn-opposite img {
	margin-left:7px;
}
@media screen and (max-width:991px) {
	.floatwrap .container, .amenity .container {
		width:90%;
		max-width:700px;
		padding:40px 15px;
	}
}
@media only screen and (max-width: 431px)  {
	.roomspage .links{
		width: 100%;
		max-width: 320px;
	}
}

@media screen and (max-width:1830px){
	#special .floatwrap.sect,
	#suite .floatwrap.sect{
		height: 59em;
	}
}
@media screen and (max-width:1530px){
	#special .floatwrap.sect,
	#suite .floatwrap.sect{
		height: 54em;
	}
}
@media screen and (max-width:1230px){
	#special .floatwrap.sect,
	#suite .floatwrap.sect{
		height: 48em;
	}
}

@media screen and (max-width:1030px){
	#special .floatwrap.sect,
	#suite .floatwrap.sect{
		height: 45em;
	}
}

@media screen and (max-width:614px){
	#special .floatwrap.sect,
	#suite .floatwrap.sect{
		height: 45em;
	}
}

@media screen and (max-width:992px){
	section {padding:0 0 0;}
        .floatwrap{
        padding:0;
        margin:0;
        overflow:hidden;
        clear:both;
	}
    .floatwrap.sect{
       height: 100%;
        min-height: 30em;
        padding-bottom:60px;
    }
	#special .floatwrap.sect,
	#suite .floatwrap.sect{
		height: 100%;
		 min-height: 86em;
		 padding-bottom:60px;
	 }
    section#western{
        margin-bottom:80px;
    }
	.floatR{
		float:none;
		width:100%;
		padding-left:0;
		margin:auto auto;
	}
	.floatL{
		float:none;
		width:100%;
		padding-right:0;
		margin:auto auto;
        height:auto;
	}
    .amenity .floatwrap.sect .floatR{
        padding-left:0px;
        padding-top:60px;
    }
    .amenity .floatwrap.sect .floatL{
        padding-right:0px;
        margin-top:0px;
    }

}
/*  お部屋について  */

.breakfast{
    padding:0 0 80px;
}
.breakfast .title{
    padding:40px 0;
}
.breakfast .title p{
    text-align: left
}
.breakfast .photos .col-lg-3{
        margin:15px 0;
    }
.panel-heading{
    background: url(../img/back2.jpg) repeat;
}
.panel-group .panel{
    background: rgba(2255,255,255,0.4);
    margin-bottom:40px;
    border: 1px solid #4b1109;
}
.panel-group{
    margin-bottom:80px;
}
.panel-title{
    font-weight:600;
}
.panel-group .panel p{
    font-size:14px;
}
.faq-section{
    padding-bottom:80px;
}

.btn-hidden,
.active .btn-active,
.offer-content {
	display: none;
	cursor: pointer;
}

.active .btn-hidden,
.active .offer-content {
	display: block;
}

/* 感染症対策 */
.taisaku-panel{
    background: url(../img/back2.jpg) repeat;
    border: 1px solid #4b1109;
    margin-bottom:30px;
	padding:20px;
}
.taisaku-panel h4{
	float:left;
	padding-right:15px;
}
.taisaku-panel p{
	margin-top:20px;
	color:#4b1109;
	font-weight:500;
}


.inline-block {
	display:inline-block;
	color:inherit;
	font-size:inherit;
	font-weight:inherit;
	font-family:inherit;
	letter-spacing:inherit;
	line-height:inherit;
	text-decoration:inherit;
}
#footer .footer .f-block2 {
	width:100%;
	max-width:320px;
	padding:0;
	margin:0 auto;
	float:none;
}
#footer .footer .f-block2 .menu_fotter {
	padding:0 15px;
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
}
#footer .footer .f-block2 .menu_fotter > div {
	text-align:center;
	padding:0;
	float:none;
}
#footer .footer .f-block2 .menu_fotter li {
	padding:15px 10px;
}
#footer .footer .f-block2 .lang_footer {
	width:100%;
	max-width:250px;
	padding-top:10px;
	margin:0 auto 30px;
	display:flex;
	flex-wrap:wrap;
}
#footer .footer .f-block2 .lang_footer li {
	font-size:13px;
	letter-spacing:-0.1px;
	padding:15px 12px 0;
	margin:0 auto;
}
@media screen and (max-width:768px) {
	#footer .footer .f-block2 .menu_fotter {
		margin-bottom:25px;
	}
	#footer .footer .f-block2 .menu_fotter li {
		display:inline-block;
		padding-bottom:0;
	}
}

.contact_form .confirm .title {
	padding:0;
}
.contact_form .m-bottom2 {
	text-align:center;
}
@media screen and (max-width:400px) {
	.contact_form .m-bottom2 {
		font-size:15px;
		letter-spacing:-0.1px;
		margin:0 -0.5em;
	}
}
.contact_form .confirm .buttons {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	gap:15px 20px;
	margin:40px auto;
}
.contact_form .confirm .buttons a {
	display:block;
	width:180px;
}
.contact_form .confirm .buttons a button {
	width:100%;
	margin:0;
}

/* tripla */
#tripla-searching-app {
	display:none;
}
@media screen and (max-width:992px) {
	.tripla-btn {
		width:25px;
		height:25px;
		border:1px solid #000;
		border-radius:50%;
		background-color:#fff;
		position:fixed;
		bottom:10px;
		left:10px;
		z-index:10000;
		cursor:pointer;
	}
	.tripla-btn::after {
		content:"";
		display:block;
		width:10px;
		height:10px;
		border-top:1.5px solid #000;
		border-left:1.5px solid #000;
		position:absolute;
		top:50%;
		left:50%;
		transform:translate(-50%,-30%) rotate(45deg);
		transition:0.5s;
	}
	.tripla-btn.open::after {
		/* transform:translate(-50%,-90%) rotate(225deg); */
		/* transform: translate(-50%,-50%) rotateX(180deg); */
		border: none;
		border-bottom: 1.5px solid #000;
		border-right: 1.5px solid #000;
		transform: translate(-50%, -70%) rotate(45deg);
		transition:0.5s;
	}
	#tripla-searching-app .search-widget-search-container-bf1818 {
		width:100%;
		max-width:300px;
		border:1px solid #000;
		padding-left:40px;
		margin-bottom:-220px;
		transition:0.5s;
	}
}