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

body {
	background: #FFF!important;
}

.single-column #htlHeader {
	width: 100%!important;
	margin: 0!important;
}

.container {
	width: 1150px;
	margin: -40px auto 0;
	background: #E9E0D7;
	font-family: "游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	line-height: 1.8;
	font-size: 15px;
	padding: 0 0 40px;
}

.content {
	width: 950px;
	margin: 0 auto;
	background: #FFF;
}

.container a:hover {
	opacity: 0.8;
}
.container a {
	color: #000;
}

.tab__second-navi {
	width: 950px!important;
}

.tab__main {
	width: 950px!important;
}

/*.single-column ul#RthExcursionArea {
	margin: 0!important;
	padding: 0;
	width: 950px!important;
}

.single-column #htlMainContent {
	margin: 0!important;
}

ul#RthExcursionArea li.RthExcursionPrev {
	padding: 0 0 0 25%;
}
ul#RthExcursionArea li.RthExcursionNext {
	padding: 0 25% 0 0;
}*/

.single-column article.faq {
	display: none!important;
}

.foot_s {
	margin: 20px 0 0;
}

.h_navi {
	overflow: hidden;
	margin: 30px 0 0;
}
.h_navi li {
	float: left;
	height: 80px;
}

.top .box01 {
	margin: 187px 0 40px;
	text-align: center;
}
.top .box01 p {
	text-align: left;
	width: 510px;
	margin: 20px auto 0;
}

.top .box02 p {
	margin: 20px auto 50px;
	text-align: center;
}

.top .box03 li {
	float: left;
	margin: 0 15px 0 0;
	width: 215px;
}
.top .box03 li:last-child {
	margin: 0;
}
.top .box03 ul {
	width: 905px;
	margin: 20px auto 50px;
	overflow: hidden;
}
.top .box03 p {
	font-size: 14px;
}
.top .box03 span {
	font-size: 18px;
	text-align: center;
	display: block;
	margin: 5px 0 0;
}

.top .box04 {
	margin: 0 0 60px;
	text-align: center;
}

.onsen .box02 {
	margin: 177px auto 40px;
	width: 650px;
	text-align: center;
}
.onsen .box02 p {
	margin: 20px 0 0;
	text-align: left;
}

.onsen .box03 .tit {
	text-align: center;
}
.onsen .box03 .tit p {
	margin: 10px 0 30px;
}
.onsen .box03 ul {
	width: 870px;
	margin: 0 auto;
	overflow: hidden;
}
.onsen .box03 li {
	float: left;
	margin: 0 36px 20px 0;
	width: 266px;
	font-size: 14px;
}
.onsen .box03 li:nth-child(3) , .onsen .box03 li:last-child {
	margin: 0 0 20px;
}
.onsen .box03 li p {
	margin: 10px 0 0;
}
.onsen .box03 li:nth-child(4) p , .onsen .box03 li:nth-child(5) p , .onsen .box03 li:last-child p {
	margin: 0;
}

.onsen .box04 {
	width: 870px;
	margin: 0 auto;
}
.onsen .box04 li {
	background: #B19065;
	color: #FFF;
	width: 424px;
	float: left;
}
.onsen .box04 li:first-child {
	margin: 0 22px 0 0;
	height: 357px;
}
.onsen .box04 li:nth-child(2) {
	margin: 0 0 10px;
}
.onsen .box04 li .tit {
	background: #A17E54;
	padding: 10px;
	text-align: center;
	font-size: 18px;
}
.onsen .box04 li p {
	padding: 20px;
}
.onsen .box04 li span {
	font-size: 17px;
}
.onsen .box04 ul {
	overflow: hidden;
}

.onsen .box05 {
	margin: 50px 0 40px;
}
.onsen .box05 .tit {
	text-align: center;
}
.onsen .box05 .tit p {
	margin: 10px 0 0;
}
.onsen .box05 ul {
	overflow: hidden;
}
.onsen .box05 li {
	float: left;
}
.onsen .box05 li:first-child {
	margin: 0 10px 0 0;
}
.onsen .box05 .tit02 {
	text-align: center;
	margin: 20px 0 10px;
}

.onsen .box06 {
	width: 810px;
	margin: 0 auto;
}
.onsen .box06 .tit {
	text-align: center;
	font-size: 23px;
	font-weight: bold;
}
.onsen .box06 dl {
	padding: 15px 0;
	border-bottom: 1px solid #c9c9c9;
	display: table;
}
.onsen .box06 dl.first {
	border-top:1px solid #c9c9c9;
	margin: 5px 0 0;
}
.onsen .box06 dt {
	color: #88b69f;
	font-weight: bold;
	width: 100px;
	display: table-cell;
	text-align: right;
	padding: 0 35px 0 0;
}
.onsen .box06 dd {
	display: table-cell;
	width: 675px;
	padding: 0 85px 0 0;
}
.onsen .box06 span {
	font-weight: bold;
}

.onsen .box07 {
	width:821px;
	margin: 0 auto;
}
.onsen .box07 ul {
	overflow: hidden;
}
.onsen .box07 li {
	float: left;
	width: 407px;
	margin: 0 7px 0 0;
}
.onsen .box07 li:last-child {
	margin: 0;
}
.onsen .box07 span {
	font-weight: bold;
	font-size: 20px;
	display: block;
	text-align: center;
	margin: 13px 0 0;
}
.onsen .box07 p {
	text-align: center;
}
.onsen .box07 .tit {
	text-align: center;
	margin: 70px 0 40px;
}

.onsen .box08 {
	text-align: center;
	margin: 60px 0 60px;
}

.cuisine .box01 {
	overflow: hidden;
	width: 870px;
	margin: 147px auto 0;
}
.cuisine .box01 .tit {
	text-align: center;
	margin: 30px 0 0;
}
.cuisine .box01 p {
	text-align: left;
	margin: 30px auto 0;
	width: 610px;
}
.cuisine .box01 li {
	float: left;
	margin: 0 12px 0 0;
}
.cuisine .box01 li:last-child {
	margin: 0;
}
.cuisine .box01 ul {
	overflow: hidden;
	margin: 40px auto 20px;
	width: 870px;
}
.cuisine .box01 .left {
	float: left;
	margin: 0 0 30px;
}
.cuisine .box01 .right {
	float: right;
	width: 345px;
	margin: 0 0 30px;
}
.cuisine .box01 .right p {
	width: 100%;
	margin: 0;
}
.cuisine .box01 .right .tit {
	margin: 0;
}

.cuisine .box01 .btn {
	text-align: center;
	font-size: 16px;
	line-height: 150%;
}
.cuisine .box01 .btn span {
	color: #cc6633;
	font-size: 20px;
	display: block;
	margin: 10px 0 -10px;
}
.modal-wrapper {
  z-index: 999;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 40px 10px;
  text-align: center;
}

.modal-wrapper:not(:target) {
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s, visibility .3s;
}

.modal-wrapper:target {
  opacity: 1;
  visibility: visible;
  transition: opacity .4s, visibility .4s;
}

.modal-wrapper::after {
  display: inline-block;
  height: 100%;
  margin-left: -.05em;
  vertical-align: middle;
  content: ""
}

.modal-wrapper .modal-window {
  box-sizing: border-box;
  display: inline-block;
  z-index: 20;
  position: relative;
  width: 70%;
  max-width: 600px;
  padding: 60px 70px 70px;
  border-radius: 2px;
  background: #fff;
  box-shadow: 0 0 30px rgba(0, 0, 0, .6);
  vertical-align: middle
}

.modal-wrapper .modal-window .modal-content {
  max-height: 80vh;
  overflow-y: auto;
  text-align: left
}

.modal_title {
  font-size: 1.5em;
	position: relative;
	overflow: hidden;
  padding: 0;
}

.modal_title::before,
.modal_title::after{
	content: "";
	position: absolute;
	bottom: 0;
}

/* h2 プライマリカラー*/
.modal_title:before{
	border-bottom: 4px solid #6bb6ff;
	width: 100%;
}
/* h2 セカンダリカラー*/
.modal_title:after{
	border-bottom: 4px solid #c8e4ff;
	width: 100%;
}

.modal-content p {
  margin: 10px 0 0 0;
}

.modal-overlay {
  z-index: 10;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, .8)
}

.modal-wrapper .modal-close {
  z-index: 20;
  position: absolute;
  top: 15px;
  right: 15px;
  width: 35px;
  color: #95979c !important;
  font-size: 30px;
  font-weight: 700;
  line-height: 35px;
  text-align: center;
  text-decoration: none;
  text-indent: 0
}

.modal-wrapper .modal-close:hover {
  color: #2b2e38 !important
}

.far {
	font-weight: 400;
}
.fa-times-circle::before {
	content: url(https://www.kameya-m.jp/wp-content/themes/kameya/img/close_btn.jpg);
}
.cuisine .box01 .btn p {
	width: 100%;
	margin: 0;
}

.cuisine .box02 {
	overflow: hidden;
	width: 890px;
	margin: 0 auto;
	text-align: center;
}
.cuisine .box02 .tit {
	text-align: center;
	margin: 80px 0 30px;
}
.cuisine .box02 .left {
	float: left;
	width: 347px;
	text-align: left;
	margin: 30px 0 0 11px;
}
.cuisine .box02 .right {
	float: right;
	margin: 30px 10px 0 0;
}
.cuisine .box02 li {
	float: left;
	width: 218px;
	text-align: center;
	margin: 0 6px 0 0;
}
.cuisine .box02 li p {
	text-align: left;
}
.cuisine .box02 ul {
	overflow: hidden;
	margin: 335px 0 0;
}
.cuisine .box02 ul:last-child {
	margin: 0 auto;
	width: 717px;
}
.cuisine .box02 ul:last-child li {
	margin: 0 31px 0 0;
}
.cuisine .box02 ul:last-child li:last-child {
	margin: 0;
}
.cuisine .box02 li .tit {
	background: #E7C106;
	color: #FFF;
	padding: 10px 0 0;
	line-height: 125%;
	height: 45px;
	width: 197px;
	margin: 0 auto 5px;
}
.cuisine .box02 li .tit02 {
	padding: 20px 0 0;
	height: 35px;
}
.cuisine .box02 li span {
	color: #653409;
	font-weight: bold;
	font-size: 15px;
}
.cuisine .box02 li:nth-child(4) , .cuisine .box02 li:last-child {
	margin: 0;
}

.cuisine .box03 .tit {
	text-align: center;
	margin: 40px 0 0;
	font-weight: bold;
	font-size: 25px;
}
.cuisine .box03 p {
	text-align: center;
	margin: 13px 0 20px;
}
.cuisine .box03 ul {
	width: 873px;
	margin: 0 auto;
	overflow: hidden;
}
.cuisine .box03 li p {
	margin: 0;
}
.cuisine .box03 li {
	float: left;
	width: 278px;
	margin: 0 19px 0 0;
}
.cuisine .box03 li:last-child {
	margin: 0;
}

.cuisine .box04 {
	margin: 40px auto;
	overflow: hidden;
	width: 873px;
}
.cuisine .box04 .tit {
	text-align: center;
}
.cuisine .box04 p {
	text-align: center;
	width: 720px;
	margin: 20px auto;
}
.cuisine .box04 .left {
	float: left;
}
.cuisine .box04 .right {
	float: right;
}

.cuisine .box05 {
	overflow: hidden;
	width: 871px;
	margin: 0 auto;
}
.cuisine .box05 .left {
	float: left;
}
.cuisine .box05 .right {
	float: right;
	width: 335px;
	background: #F7EEDD;
	height: 352px;
}
.cuisine .box05 p {
	padding: 20px 25px 0;
}
.cuisine .box06 {
	text-align: center;
	margin: 50px 0;
}

.room .box01 {
	margin: 147px 0 -20px;
}

.room .box02 {
	overflow: hidden;
	text-align: center;
}
.room .box02 span {
	font-size: 23px;
	font-weight: bold;
	display: block;
	margin: 40px 0 0;
}
.room .box02 .tit {
	font-size: 32px;
	text-align: center;
	line-height: 95%;
	margin: 0 0 20px;
	font-weight: bold;
}
.room .box02 .tit span {
	color: #b0872f;
	font-size: 16px;
	display:initial;
	margin: 0;
}
.room .box02 p {
	width: 555px;
	margin: 0 auto;
}
.room .box02 ul {
	overflow: hidden;
	margin: 40px auto 0;
	width: 898px;
}
.room .box02 li {
	float: left;
	margin: 0 10px 10px 0;
	height: 296px;
}
.room .box02 li:nth-child(2n) {
	margin: 0 0 10px;
}
.room .box02 .left {
	float: left;
}
.room .box02 .right {
	float: right;
	background: #F4F1EC;
	height: 269px;
	text-align: left;
	width: 572px;
	padding:93px 40px 0 30px;
	font-size: 14px;
}
.room .box02 .right li {
	height: auto;
}
.room .box02 .right li:first-child {
	color: #b0872f;
	font-weight: bold;
	margin: 0 40px 0 0;
}
.room .box02 .gaiyo {
	width: 898px;
	margin: 10px auto 50px;
	overflow: hidden;
}
.room .box02 .right ul {
	margin: 0 0 10px;
	width: auto;
}
.room .box02 .right ul:first-child {
	border-bottom: 1px solid #94918C;
	padding: 0;
}

.room .box03 .right {
	padding: 120px 40px 0 30px;
	height: 301px;
}
.room .box04 .right {
	padding: 110px 40px 0 30px;
	height: 302px;
}
.room .box05 .right {
	padding: 139px 40px 0 30px;
	height: 344px;
}

.room .box06 .tit {
	text-align: center;
	font-size: 25px;
	font-weight: bold;
	margin: 0 0 5px;
}
.l-room-spec{width:898px;table-layout:fixed;border-collapse:collapse; margin: 0 auto;}.l-room-spec td,.l-room-spec th{text-align:center;line-height:1.6}.l-room-spec th{padding:1em 0}.l-room-spec th span{margin:.5em 0 0 0;display:block}.l-room-spec td{padding:1em .7em;border:1px solid #c9c9c9}.l-room-spec td .btn-icon-ylw a{padding:1em 0;display:block;background-image:none}.l-room-spec .item{font-weight:700;background-color:#f2ede5}

.room .box07 {
	text-align: center;
	margin: 60px 0 50px;
}

.room #room01 , .room #room02 , .room #room03 , .room #room04 {
	padding: 100px 0 0;
	margin: -100px 0 0;
}


.single-column #htlMainContent.GOLDTemplate {
	background: #f0e8d5;
	padding: 40px 0 0;
}
.single-column #htlMainContent {
	margin: 0!important;
}
#htlContents {
	min-width: 100%!important;
	max-width: 100%!important;
	background: #f0e8d5;
}
.single-column .header__main-info {
	width: 1150px;
	margin: 24px auto 0;
}
.single-column .search-container {
	display: none!important;
}
#bannerDiv {
	display: none!important;
}