@charset "UTF-8";
/*
Theme Name: RYOKAN_OKAYAMA
*/

/*ResetCSS*/

@import url("bootstrap-reboot.css");

/*スライダーが一瞬縦並びになる対策*/
.slider li {
  visibility: hidden;
}
.bx-viewport .slider li {
  visibility: visible;
}

/*Word Press Native CSS*/
/* ------------------------------------------------------------------------- *
 *  Base Styles
/* ------------------------------------------------------------------------- */

strong { font-weight: bold; }
em { font-style: italic; }
blockquote {
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 40px;
    -webkit-margin-end: 40px;
}

/*  base : img
/* ------------------------------------ */
.aligncenter {
    display: block;
    margin: 0 auto;
}
.alignright { float: right; }
.alignleft { float: left; }

/*  base : clear
/* ------------------------------------ */
.clearfix {
    overflow: hidden;
    zoom: 1;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.flexbox {
	display: flex;
	flex-wrap: wrap;
}
.flexbox.flex-end {
  justify-content: flex-end;
}
.flexbox.space-between {
-webkit-box-pack: justify;
     -ms-flex-pack: justify;
   justify-content: space-between;
}
.flexbox.space-around {
	  justify-content: center;
    gap: 50px;
}
.flexbox.middle {
	align-items: center;
}
.flexbox.flex-end {
	align-items: flex-end;
}
.relative {
	position: relative;
}
.absolute {
	position: absolute;
}


/*基本設定*/
html {
	font-size: 18px;
}
body {
	font-family: "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN","メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
	letter-spacing: .05em;
	color: #1E0900;
	font-weight: 500;
}
.mobile {
	display: none;
}
h3 {
	margin-bottom: 20px;
	margin-top: 30px;
}
h4 {
	margin-bottom: 15px;
	margin-top: 20px;
}
p {
	letter-spacing: .05em;
	line-height: 1.8;
}
img {
	max-width: 100%;
	height: auto;
}
a {
	color: #1E0900;
	text-decoration: none;
}
a img:hover {
	opacity: .8;
}
.ios a img:hover {
	opacity: 1;
}
a[href*="tel:"] {
	cursor: default;
	pointer-events: none;
}
a[href*="tel:"]:hover {
	color: #1E0900;
	text-decoration: none;
}
th,
td {
	padding: .5em;
	font-weight: normal;
	border: 1px solid #ccc;
}
ul.ls-none,
ol.ls-none {
	list-style: none;
	padding-left: 0;
  justify-content: center;
}
ol.kakko {
  list-style-type: none;
}
ol.kakko li {
  counter-increment: cnt;
}
ol.kakko li:before {
  content: "(" counter(cnt) ") ";
}
.w-20,.pc-w-20 {
	width: 16.68%;
}
.w-25,.pc-w-25 {
	width: 21.68%;
}

/*240312*/
.pc-w-50 {
	width: 43.36%;
}

.w-30,.pc-w-30 {
	width: 26.68%;
}
.w-33,.pc-w-33 {
	width: 29.68%;
}
.w-37,.pc-w-36 {
	width: 32.68%;
}
.w-40,.pc-w-40 {
	width: 36.68%;
}
.w-50,.pc-w-50 {
	width: 46.68%;
}
.w-47,.pc-w-47 {
	width: 47%;
}
.w-47,.pc-w-53 {
	width: 53%;
}
.w-60,.pc-w-60 {
	width: 56.68%;
}
.w-66,.pc-w-66 {
	width: 62.68%;
}
.w-70,.pc-w-70 {
	width: 66.68%;
}
.w-75,.pc-w-75 {
	width: 71.68%;
}
.w-80,.pc-w-80 {
	width: 76.68%;
}
.w-20:not(.ml-0.mr-0),.pc-w-20:not(.ml-0.mr-0),
.w-25:not(.ml-0.mr-0),.pc-w-25:not(.ml-0.mr-0),
.w-30:not(.ml-0.mr-0),.pc-w-30:not(.ml-0.mr-0),
.w-33:not(.ml-0.mr-0),.pc-w-33:not(.ml-0.mr-0),
.w-33:not(.ml-0.mr-0),.pc-w-36:not(.ml-0.mr-0),
.w-40:not(.ml-0.mr-0),.pc-w-40:not(.ml-0.mr-0),
.w-50:not(.ml-0.mr-0),.pc-w-50:not(.ml-0.mr-0),
.w-60:not(.ml-0.mr-0),.pc-w-60:not(.ml-0.mr-0),
.w-66:not(.ml-0.mr-0),.pc-w-66:not(.ml-0.mr-0),
.w-70:not(.ml-0.mr-0),.pc-w-70:not(.ml-0.mr-0),
.w-75:not(.ml-0.mr-0),.pc-w-75:not(.ml-0.mr-0),
.w-80:not(.ml-0.mr-0),.pc-w-80:not(.ml-0.mr-0) {
	margin-left: 1.66%;
	margin-right: 1.66%;
}
.container-m {
	width: 96%;
	max-width: 1240px;
	/*min-width: 614px;スマホ対応時削除*/
	margin-left: auto;
	margin-right: auto;
  justify-content: center;
}
.container-s > :not(.flexbox):not(.aligncenter),
.container-m > :not(.flexbox):not(.aligncenter),
.container-l > :not(.flexbox):not(.aligncenter) {
	margin-left: 1.6%;
	margin-right: 1.6%;
}
.container-m p {
  margin-top: 40px;
}
.container-m p span
{
  font-weight:bold;
}
.container-l {
	width: 96%;
	max-width: 1840px;
	/*min-width: 911px;スマホ対応時削除*/
	margin-left: auto;
	margin-right: auto;
}
.container-s {
	width: 96%;
	max-width: 1000px;
	/*min-width: 495px;スマホ対応時削除*/
	margin-left: auto;
	margin-right: auto;
}
.block {
	display: block;
}
.textcenter { text-align: center;}
.inline-block {
	display: inline-block;
}
.inline {
	display: inline;
}
.tategaki {
	writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	-webkit-writing-mode:vertical-rl;
}
.iframe-container {
	position: relative;
	padding-top: 50%;
}
.iframe-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 1px solid rgba(255,255,255,0);
}
.linkbox {
	position: relative;
}
.linkbox a {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	text-indent: -9999px;
}
.items-plan-home .linkbox a:hover,
.items-service-home .linkbox a:hover {
	background-color: rgba(205,75,48,.1);
}
#spa #tanoshimikata .linkbox a:hover{
	background-color: rgba(255,255,255,.3);
}
.linkbox .category ul {
	list-style: none;
	padding: 0;
}
.linkbox .category a {
	text-indent: 0;
	position: static;
	display: inline;
}
.is-fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
}
.of-v {
	overflow: visible;
}
.fl,
.fl-pc {
	float: left;
}
.fr,
.fr-pc {
	float: right;
}
.fs-070 {
	font-size: .7em;
}
.fs-080 {
	font-size: .8em;
}
.fs-090 {
	font-size: .9em;
}
.fs-110 {
	font-size: 1.1em;
}
.fs-120 {
	font-size: 1.2em;
}
.fs-133 {
	font-size: 1.33em;
}
.fs-150 {
	font-size: 1.5em;
}
.fs-200 {
	font-size: 2em;
}
.fs-240 {
	font-size: 2.4em;
}
.mincho {
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
}
.bold {
	font-weight: bold;
}
.normal {
	font-weight: normal;
}
.red {
	color: rgba(205,75,48,1);
}
.green {
	color: rgba(114,156,55,1);
}
.yellow {
	color: rgba(208,175,76,1);
}
.gray {
	color: rgba(150,150,150,1);
}
/*231222*/
.blue {
	color: rgb(32,150,180);
}
.bk-blue {
	background-color: rgb(32,150,180);
	color: rgba(255,255,255,1);
}
/*231222*/
.bk-red {
	background-color: rgba(205,75,48,1);
	color: rgba(255,255,255,1);
}
.bk-green {
	background-color: rgba(114,156,55,1);
	color: rgba(255,255,255,1);
}
.bk-yellow {
	background-color: rgba(208,175,76,1);
	color: rgba(255,255,255,1);
}
.bk-cream {
	background-color: rgba(208,175,76,.1);
}
.bk-samon {
	background-color: rgba(205,75,48,.1);
}
.bk-gray {
	background-color: rgba(39,9,0,.1);
}
.bk-white {
	background-color: rgba(255,255,255,1);
}
.white {
	color: rgba(255,255,255,1);
}
.underline {
	text-decoration: underline;
}
.m-0 {
	margin: 0 !important;
}
.ml-0 {
	margin-left: 0;
}
.mr-0 {
	margin-right: 0;
}
.mb-0 {
	margin-bottom: 0;
}
.mt-50 {
	margin-top: 50px;
}
.mb-15 {
	margin-bottom: 15px;
}
.mb-30 {
	margin-bottom: 30px;
}
.mb-40 {
	margin-bottom: 30px;
}
.mb-50 {
	margin-bottom: 50px;
}
.card {
	border: 1px solid #ddd;
	box-shadow: 1px 1px 1px #ddd;
	padding-bottom: 10px;
}
.shadow {
	box-shadow: 1px 1px 1px #ddd;
}

/*共通のレイアウト*/
.attention {
  max-width: 1280px;
  margin: 0 auto 40px;
  padding: 1.5em 1em;
  text-align: center;
  border: 2px solid #f00;
}
.attention span {
  color: #f00;
  font-size: 1.2em;
  display: block;
  margin-bottom: 10px;
}
.attention .flexbox {
  margin-top: 10px;
}

.about .attention {
  max-width: 1000px;
}

#page-header {
	padding-top: 25px;
	padding-bottom: 25px;
	background-color: rgba(255,255,255,1);
}
#btn-menu {
	display: none;
}
#page-header h1 ,
#page-header p {
	margin: 0;
}
#page-header h1 {
	margin-right: 3.26%;
	width: 13%;
	max-width: 240px;
}
#page-header img {
	display: block;
}
#page-header img.mobile {
	display: none;
}
#contact-header {
	display: inline-block;
	width: 40%;
	max-width: 480px;
}
#contact-header ul,
#contact-header li {
	/*display: inline-block;*/
}
#contact-header li {
	align-items: center;
	position: relative;
}
#contact-header ul ul,
#contact-header ul ul li {
	display: block;
}
#contact-header .tel {
	width: 59%;
}
ul#nav-plan-resserve {
	margin-bottom: 0;
}
/*190215宿泊プラン非表示*/
ul#nav-plan-resserve li:first-child,
#nav-main li#menu-item-230,
#nav-main li#menu-item-1417 {
	display: none;
}
/*190215宿泊プラン非表示*/

#contact-header .mail {
	width: 8.3%;
}
#contact-header .langage {
	width: 25%;
}
#contact-header a {
	display: block;
}
#contact-header ul ul {
	position: absolute;
	width: 100%;
	left: 0;
	top: 100%;
	z-index: 52;
}
#contact-header ul ul li {
	height: 0;
	opacity: 0;
	transition-duration: .3s;
}
.tel a img:hover {
	opacity: 1;
}
#contact-header ul li:hover ul li {
	height: auto;
	opacity: 1;
}
#nav-main li.plan,
#nav-main li.reserve,
#nav-main li.cancel {
	display: none;
}
#nav-main ul ul li a {
	border-top: 1px solid rgba(255,255,255,1);
	font-weight: normal;
	background-color: rgba(205,75,48,1);
	color: rgba(255,255,255,1);
	border-radius: 0;
}
#contact-header a.list-icon {
	padding: .1em 1em .1em 3em;
	background-position: 1em center;
	background-repeat: no-repeat;
	background-size: 1.2em;
	color: #1E0900;
	text-decoration: none;
	font-weight: bold;
}
#contact-header a.list-icon.cancel {
  padding: .1em 1em;
}
#contact-header ul li:not(.tel):not(.mail) a:hover {
	background-color: rgba(205,75,48,.1);
}
#contact-header ul li ul.submenu li a:hover {
	background-color: rgba(249,236,235,1) !important;
	border-radius: 0;
	color: #1E0900;
	text-decoration: none;
}
#contact-header li.langage a {
	padding: 3px;
}
#contact-header li.langage a,
.tel a{
	cursor: default;
}
.tel a img:hover {
	opacity: 1;
}
#contact-header li.langage ul.submenu li a {
	cursor: pointer;
	border-top: 1px solid rgba(255,255,255,1);
	border-radius: 0;
}
#contact-header li.langage ul.submenu {
	border-left: 1px solid rgba(255,255,255,1);
	border-right: 1px solid rgba(255,255,255,1);
	border-bottom: 1px solid rgba(255,255,255,1);
	border-radius: 0 0 5px 5px;
	overflow: hidden;
}
a.list-icon-cal {
	background-image: url(../images/home/icon-calendar.png);
}
a.list-icon-pen-brown {
	background-image: url(../images/home/icon-pen-brown.png);
}
#contact-header ul.partition-dot li {
	border-right: 2px dotted #1E0900;
}
#contact-header ul.partition-dot li:last-child {
	border-right: none;
	padding-right: 0;
}

#nav-main {
    display: inline-block;
    margin-top: 25px;
    margin-bottom: -250px;
	margin-left: 0;
	margin-right: 0;
position: relative;
    z-index: 52;
}
#nav-main ul {
	padding: 0;
	list-style: none;
}
#nav-main li {
	position: relative;
	min-width: 2.7em;
	margin-right: 1em;
}
#nav-main li a {
	display: inline-block;
	writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	-webkit-writing-mode:vertical-rl;
	font-size: 0.94rem;
	font-weight: bold;
	background-color: rgba(255,255,255,1);
	color: rgba(39,9,0,1);
	text-decoration: none;
	padding: 1em .7em;
	letter-spacing: .4em;
}
#nav-main ul li a:hover,
#nav-main ul li.current-menu-item > a,
#information #nav-main ul li.news a {
	background-color: rgba(205,75,48,1);
	color: rgba(255,255,255,1);
}
#breadcrumb {
	margin-top: 24px;
	text-align: center;
	font-size: .89rem;
}
#breadcrumb li {
	display: inline;
	padding-right: .8rem;
}
#breadcrumb li a:hover {
	color: rgba(39,9,0,1);
}

#cottage #breadcrumb {
    display: none;
}

#main-visual  {
	/*margin-bottom: 25px;*/
}
#main-visual img {
	display: block;
	width: 100%;
	height: auto;
}
#home #main-visual li {
	padding-top: 43.4%;
	background-position: center center;
	background-size: cover;
}
@media screen and (min-width:641px) {
#home #main-visual li.mv-1 {
	background-image: url(images/mv/mv-home-1.jpg);
}
#home #main-visual li.mv-2 {
	background-image: url(images/mv/mv-home-2.jpg);
}
#home #main-visual li.mv-3 {
	background-image: url(images/mv/mv-home-3.jpg);
}
#home #main-visual li.mv-4 {
	background-image: url(images/mv/mv-home-4.jpg);
}
#home #main-visual li.mv-5 {
	background-image: url(images/mv/mv-home-5.jpg);
}
}
#content {
	padding-top: 80px;
}
.h2-logotype {
	text-align: center;
}
.h2-logotype h2 {
	display: inline-block;
	position: relative;
	font-size: .89rem;
	margin-bottom: 50px;
}
.h2-logotype h2 img {
	display: block;
	margin-bottom: 15px;
	margin-left: auto;
    margin-right: auto;
}
.h2-logotype h2 .sashie {
	position: absolute;
	top: -3px;
    right: -120px;
}


/* 200729 */
.go-to-travel {
  width: 1200px;
  max-width: 95%;
  margin: 40px auto 0;
}
.go-to-travel h3 {
  text-align: center;
  font-size: 1.5em;
  margin-bottom: 30px;
}
.go-to-travel .flexbox {
  flex-wrap: nowrap;
}
.go-to-travel .flexbox .flex_child {
  flex-basis: 50%;
}
.go-to-travel .flexbox .flex_child + .flex_child {
  margin-left: 20px;
}
.go-to-travel p span {
  font-weight: bold;
}
/* 210329 */
.bnr_campaign {
  display: block;
  text-align: center;
}
.bnr_campaign:last-of-type {
	margin-bottom: 50px;
}
.bnr_campaign img {
  /*display: block;*/
  /*margin: 0 auto 15px;*/
}
.bnr_campaign span {
  display: block;
}
/* 220118 */
.stop_campaign {
  color: #f00;
  text-align: center;
  margin-bottom: 50px;
  font-weight: bold;
}

section {
	padding-top: 140px;
	padding-bottom: 50px;
}

section#information-home {
	padding-top: 100px;
	padding-bottom: 90px;
}
section#information-home h2.logo .sashie {
	content: url(../images/home/megahon.png);
	top: -5px;
	right: -10px;
}

section#information-home .bnr_h2 {
  text-align: center;
  margin: 40px 0 20px;
}
section#information-home .bnr_flex {
  display: flex;
  text-align: center;
  gap: 20px;
  justify-content: center;
}
section#information-home .bnr_text {
  text-align: center;
  margin: 5px 0 60px;
}

#headline-info .post-list li {
	padding: 5px;
}
#news #headline-info .post-list li .thumbnail {
	padding-top: 24%;
}
#home #headline-info .post-list li .thumbnail {
	padding-top: 80%;
}
#headline-info .post-list li .thumbnail {
	margin-bottom: 28px;
	background-color: rgba(200,200,200,1);
	background-position: center center;
	background-size: cover;
}
#headline-info .post-list li .thumbnail img {
	/*width: 100%;*/
}
.date {
	font-family: Century Gothic,sans-serif;
	font-size: 1.22rem;
	font-weight: bold;
	color: rgba(187,187,187,1);
}
#headline-info .post-list li .category ul,
#headline-info .post-list li .category li {
	padding:0;
	list-style: none;
	display: inline;
}
#headline-info .post-list li .category {
	font-size: .78rem;
}
#headline-info .post-list li .category:before {
	content: "｜";
}
#headline-info .post-list li:hover {
	background-color: rgba(205,75,48,.1);
}
#news #headline-info .post-list > li {
	border-bottom: 1px dotted #ddd;
	padding-top: 9px;
	padding-bottom: 11px;
}
#news #headline-info .post-list > li:first-child {
	border-top: 1px dotted #ddd;
}
#news #headline-info .post-list li .thumbnail,
#news #headline-info .post-list li .text {
	margin-left: 1.6%;
	margin-right: 1.6%;
	margin-bottom: 0;
}
#news #headline-info .post-list li .entry-title {
	font-weight: bold;
}
#reserve-footer {
	padding-top: 43px;
	padding-bottom: 43px;
	background-image: url(../images/home/bk-reserve-footer.png);
	background-size: cover;
	color: rgba(255,255,255,1);
	margin-bottom: 42px;
	text-align: center;
	margin-top: 100px;
}
#reserve-footer a {
	color: rgba(255,255,255,1);
	text-decoration: none;
	font-weight: bold;
}
#reserve-footer li.btn-contact a:hover {
	background-color: rgba(255,255,255,.1);
}
#reserve-footer h2 {
	font-size: 1rem;
	display: inline-block;
	margin-bottom: 0;
	margin-top: .5em;
}
#reserve-footer h2 img {
	padding-right: 19px;
	padding-bottom: .5em;
}

#contact-footer ul {
	width: 55.3%;
	max-width: 663px;
}
#contact-footer ul,
#contact-footer li {
	display: inline-block;
	margin-bottom: 0;
	vertical-align: middle;
}
#contact-footer li {
		padding: 10px 2.4%;
}
#contact-footer li.tel {
	width: 52.3%;
}
#contact-footer li .mail {
  margin-top: 15px;
  display: inline-block;
}
#contact-footer li.btn-contact a {
	display: block;
	padding: .7em 2.5em .7em 4em;
	background-image: url(../images/home/icon-pen-white.png);
	background-position: 2em center;
	border: 1px solid rgba(255,255,255,1);
	background-repeat: no-repeat;
	background-size: 1.2em;
}
#nav-footer {
	margin-bottom: 50px;
}
#nav-footer ul li {
	/*display: inline-block;*/
}
#nav-footer ul li a {
	display: block;
	text-decoration: none;
	color: #1E0900;
	padding: .1em .5em;
}
#nav-footer ul li a:hover {
	background-color: rgba(205,75,48,1);
	color: #fff;
}
/*#nav-footer ul li a:hover {
	background-color: rgba(205,75,48,.1);
}*/
#page-footer {
	text-align: center;
}
#page-footer address p {
	font-size: .89rem;
}
#page-footer address h2 {
	position: relative;
	margin-bottom: 30px;
	display: inline-block;
}
#page-footer address h2 .icon-mail {
	position: absolute;
	top: 32%;
	right: -2em;
}

#page-footer address h2 .icon-mail_ajisai  {
	position: absolute;
	top: 32%;
	right: -1.55em;
}

#copy {
	margin-top: 60px;
	font-size: .61rem;
}
#btn_to_top {
	position: fixed;
	bottom: 0;
	right: 0;
	margin: 0;
	z-index: 54;
	cursor: pointer;
}
#btn_to_top:hover {
	opacity: .8;
}
.ios #btn_to_top:hover {
	opacity: 1;
}
.btn-more {
	margin-top: 30px;
	margin-bottom: 30px;
}
form table {
	margin-bottom: 40px;
	margin-left: auto !important;
	margin-right: auto !important;
}
form table th,
form table td {
	border: none;
	padding: 1em;
	vertical-align: top;
}
form table th {
	white-space: nowrap;
	/*text-align: right;*/
	font-weight: 500;
	padding-top: 1.1em
}
.hissu:before {
	content: "必須";
	font-size: .67rem;
	display: inline-block;
	background-color: rgba(243,40,8,1);
	color: rgba(255,255,255,1);
	padding: .1em .3em;
	margin-right: 1em;
	vertical-align: text-top;
}
.nini:before {
	content: "任意";
	font-size: .67rem;
	display: inline-block;
	background-color: rgba(112,112,112,1);
	color: rgba(255,255,255,1);
	padding: .1em .3em;
	margin-right: 1em;
	vertical-align: text-top;
}
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="submit"],
textarea {
	padding: .3em;
	/*border-radius: 3px;*/
}
textarea {
	width: 100%;
}
input[type="text"],
input[type="submit"] {
	width: 50%;
}
input[type="tel"] {
	width: 40%;
}
input[type="email"] {
	width: 70%;
}
/*input[type="text"],
input[type="tel"],
input[type="email"],
input[type="submit"],
textarea {
	width: 100%;
}*/
input[type="text"],
input[type="tel"],
input[type="email"],
textarea {
	border: 1px solid #ccc;
}
input[type="submit"]:hover {
	cursor: pointer;
	opacity: .8;
}
.ios input[type="submit"]:hover {
	opacity: 1;
}
.mw_wp_form .horizontal-item {margin: 4px 5% 4px 0;}
.mw_wp_form .horizontal-item + .horizontal-item {
    margin-left: 0 !important;
	display: inline-block;
}
input[type="submit"] {
background-color: rgba(205,75,48,1);
    color: #fff;
    outline: none;
    border: none;
    font-size: 1rem;
    display: inline-block;
    width: auto;
    padding: 1em 4em;
	margin-top:60px;
	margin-bottom: 30px;
}

/*ページごとの設定*/
#home #content {
	padding-top: 0;
}
#home section#about {
	padding-top: 0;
	padding-bottom: 0;
}
#cuisine section#popular {
	padding-top: 0;
	padding-bottom: 0;
}
#home #about .sect-header {
	position: relative;
}
#cuisine #popular .sect-header {
	position: relative;
	top:-1px;
}
#home section#about h2 {
    width: 100%;
    padding-top: 6%;
    padding-bottom: 1%;
    color: #1E0900;
}
.bk-yama {
	background-size: contain;
	background-position: bottom center;
	background-repeat: no-repeat;
		position: absolute;
    width: 100%;
    bottom: -3%;
}
#home #about .sect-header,
#cuisine #popular .sect-header {
	background-color: rgba(255,255,255,1);
	background-size: contain;
	margin-bottom: -1px;
}
#cuisine #popular .sect-header .container-l {
	padding-top: 11.1%;
}
.bk-yama.yama-white {
	background-image: url(../images/home/bk-yama-white.png);
}
.bk-yama.yama-red {
	background-image: url(../images/home/bk-yama-red.png);
}

#home #about .img-sect-header-child {
	padding-top: 33.3%;
	width: 33.3%;
	background-position: center center;
	background-size: cover;
	margin: 0;
}
#text-about-about-home {
	padding-top: 80px;
	text-align: center;
}
#about .btn-round {
	margin-top: 50px;
	margin-bottom: 50px;
}
#about .btn-round a {
	display: inline-block;
	font-size: 1.11rem;
	color: rgba(255,255,255,1);
	padding: .4em 4em;
	border: 2px solid rgba(255,255,255,1);
	border-radius: 2em;
	font-weight: bold;
	letter-spacing: .2em;
}
#about .btn-round a:hover {
	background-color: rgba(255,255,255,1);
	color: rgba(205,75,48,1);
	text-decoration: none;
}
#home #about .bk-red {
	padding-bottom: 90px;
}
#home #about .h2-logotype h2 {
	margin-bottom: 0;
}
#home section#service {
	padding-top: 0;
}
#home #service .sect-header {
	padding-top: 12.5%;
	background-image: url(../images/home/bk-h2-service-home.jpg);
	background-size: cover;
	background-position: center center;
	padding-bottom: 262px;
	margin-bottom: -262px;
}
#home #service .items-service-home .title-img {
background-color: rgba(255,255,255,1);
    height: 262px;
/*    height: 190px;*/
    padding: 0 10px;
    width: 100%;
}
#home #service .items-service-home p {
	margin-top: 30px;
	margin-left: 8.5%;
	margin-right: 8.5%;
}
#home #plan .items-plan-home li {
	background-size: cover;
	background-position: center center;
}
#home #plan .items-plan-home li.nomal {
	background-image: url(../images/home/bk-4-plan.jpg);
}
#home #plan .items-plan-home li.food {
	background-image: url(../images/home/bk-1-plan.jpg);
}
#home #plan .items-plan-home li.drink {
	background-image: url(../images/home/bk-2-plan.jpg);
}
#home #plan .items-plan-home li.kaiseki {
	background-image: url(../images/home/bk-3-plan.jpg);
}
#home #plan .items-plan-home .inner {
	margin: 8.5%;
	background-color: rgba(255,255,255,.9);
	text-align: center;
	padding-top: 10%;
	padding-bottom: 8%;
}
#home #plan .items-plan-home .inner h3 {
margin-top: 0;
    font-size: 1.1rem;
    display: inline-block;
    padding: .1em .3em;
    max-width: 95%;
}
#home #plan .items-plan-home .inner p {
	font-size: 1.33rem;
	font-weight: bold;
	margin-bottom: 0;
	padding: 0 10px;
}
/* 240730 */
#home #plan .items-plan-home {
  margin-bottom: 50px;
}
/* 240730 */
#home #links #bnrs-side {
	width: 51.6%;
}
#home #links #bnrs-side .bnr img {
	width: 100%;
}
#home #links .facebook {
	width: 40.3%;
}
#home #links .bnr {
	margin-bottom: 15px;
}
#home #links #bnrs-bottom {
	width: 100%;
	margin-top: 20px;
}
#map {
	position: relative;
}
#home #map {
	margin-top: 30px;
	padding-top: 26%;
}
#home #reserve-footer {
	margin-top: 0;
}
#about #map {
	height: 480px;
}
#map iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#about #intro {
	padding-top: 0;
}
#about #intro h2 {
	text-align: center;
	margin-bottom: 60px;
}
#about #intro .img-sect-1-about li {
	width:33.3%;
	margin-left: 0;
	margin-right: 0;
	padding-bottom: 100px;
}
#about #intro .img-sect-1-about img {
	margin-bottom: 40px;
}
#about #intro .img-sect-1-about p {
	padding-left: 10%;
	padding-right: 10%;
}
#about #intro .sect-1-contaier {
	background-image: url(images/about/bk-about-sect-1.png);
	background-size: cover;
}
#about #service .title-img {
	margin-bottom: 30px;
}
#about #service h3 {
	font-size: 1.33rem;
	text-align: center;
	margin-bottom: 10px;
}
#access .bus {
	background-color: rgba(205,75,48,.1);
	padding: 10px 20px;
}
#intro {
	padding-top: 0;
	padding-bottom: 0;
}
#intro .sect-header .sect-header-part {
	background-position: center center;
	background-size: cover;
	height: 600px;
}
#intro .sect-header .w-50 {
	padding-top: 32.6%;
	width: 50%;
	margin: 0;
}
#intro .sect-header .w-33 {
	padding-top: 32.6%;
	width: 33.3%;
	margin: 0;
}
#intro .sect-header {
	position: relative;
}
#intro .sect-header .sect-header-img {
	background-size: contain;
}

#intro .sect-header-h2 {
position: absolute;
    top: 0;
    left: 50%;
    margin-top: 100px;
    margin-left: 0;
    margin-right: 0;
}
#intro .sect-header-h2 h2 {
	padding: 0;
	line-height: 2;
	letter-spacing: .3em;
	font-size: 1.67rem;
    text-align: left;
	position: relative;
	left: -50%;
	z-index: 1;
	display: inline-block;
}

/*safari*/
_::-webkit-full-page-media, _:future, :root #room #intro .sect-header-h2 h2 {
margin: 0 auto;
padding: 0;
left: -4em;
}
_::-webkit-full-page-media, _:future, :root #cuisine #intro .sect-header-h2 h2 {
margin: 0 auto;
padding: 0;
left: -3em;
}
_::-webkit-full-page-media, _:future, :root #spa #intro .sect-header-h2 h2 {
margin: 0 auto;
padding: 0;
left: -2em;
}
/**/
/*firefox*/
@-moz-document url-prefix() {
#room #intro .sect-header-h2 h2 {
margin: 0 auto;
padding: 0;
left: -4em;
}
#cuisine #intro .sect-header-h2 h2 {
margin: 0 auto;
padding: 0;
left: -3em;
}
#spa #intro .sect-header-h2 h2 {
margin: 0 auto;
padding: 0;
left: -2em;
}
}
/**/
#room #intro .sect-header-h2 h2 img {
position: absolute;
    bottom: -50px;
    width: 140px;
    height: 67.7px;
    left: -50px;
}

#intro .sect-header-h2 h2 span.bk-white {
	padding: .5em;
}
.sect-header-text {
	padding-top: 100px;
	padding-bottom: 70px;
	font-size: 1.11rem;
	position: relative;
}
section#intro .sect-header-text h3 {
	display: inline-block;
		position: relative;
	line-height: 2.5;
	font-size: 1rem;
	font-weight: normal;
}
.sect-header-text img {
    position: absolute;
    top: 0;
    left: -175px;
	}
.box-ingredients {
	padding-top: 150px;
	padding-bottom: 150px;
	color: rgba(255,255,255,1);
	margin-bottom: 40px;
	background-position: center center;
	background-size: cover;
}
.box-ingredients .inner {
	width: 600px;
	max-width: 96%;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid rgba(255,255,255,.5);
	padding: 40px;
	background-position: center center;
}
#cuisine .box-ingredients.kaisen {
	background-image: url('images/cuisine/img-header-1-ingredients.jpg');
}
#cuisine .box-ingredients.kaisen .inner/*:before*/ {
	background-image: url('images/cuisine/img-header-1-ingredients-blur.jpg');
}
#cuisine .box-ingredients.yasai {
	background-image: url('images/cuisine/img-header-2-ingredients.jpg');
}
#cuisine .box-ingredients.yasai .inner/*:before*/ {
	background-image: url('images/cuisine/img-header-2-ingredients-blur.jpg');
}
.box-ingredients .inner h3 {
	text-align: center;
	font-size: 1.66rem;
	margin-top: 10px;
	margin-bottom: 30px;
}
ul.items-ingredients {
	margin-bottom: 0;
}
.items-ingredients li {
	margin-bottom: 80px;
}
.items-ingredients h3 {
	text-align: center;
}
#room section#yuri, #cottage section#no4{
	background: none;
}
.detail-room h2 {
	margin-bottom: 20px;
}
.detail-room h2 img {
	margin-right: 20px;
}
.btn-red-round a {
	display: inline-block;
	color: rgba(255,255,255,1);
	background-color: rgba(205,75,48,1);
	font-size: 1.11rem;
	letter-spacing: .15em;
	padding: .4em 1.5em;
	border-radius: 1.4em;
	border: 2px solid rgba(205,75,48,1);
}
.btn-red-round {
	margin-top: 40px;
	margin-bottom: 40px;
}
.btn-red-round a:hover {
	background-color: rgba(255,255,255,1);
	color: rgba(205,75,48,1);
	text-decoration: none;
}
#room .kannai_map {
	margin: 40px auto 0;
    width: 94.4%;
}
/*231228*/
.room-bnr{
    text-align: center;
    margin: 30px auto 80px;
    width: 760px;
}
.room-bnr.btm-bnr{
    margin: 0 auto 150px;
}
/*/231228*/
#room section.detail-room {
	padding-top: 100px;
	padding-bottom: 107px;
	background-image: url(images/room/border-nami-yoko.png);
	background-position: center bottom;
	background-repeat: no-repeat;
}
#room section.detail-room:last-child, #cottage section.detail-cottage:last-child {
	background-image: none;
}
.sect-header-h2 .yoko-in-tate {
	transform: rotate(-90deg);
    display: inline-block;
    letter-spacing: 0;
    font-size: 1.3rem;
    position: relative;
    top: -.5em;
    margin-bottom: -1.5em;
}
#spa section h2:not(.tategaki) {
	font-size: 1.67rem;
	margin-bottom: 50px;
	text-align: center;
	letter-spacing: .15em;
}
#spa #reason .img-container {
	position: relative;
}
#spa #reason li {
	margin-bottom: 75px;
}
#spa #reason .img-container img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#spa #reason .img-container .number {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}
#spa #reason .img-container .number img {
	position: relative;
	top: 50px;
}
#spa section h3 {
	font-size: 1.33rem;
	margin-top: 35px;
	margin-bottom: 20px;
	text-align: center;
	letter-spacing: .1em;
	position: relative;
}
.detail-tanoshimikata {
	padding-top: 65px;
	padding-bottom: 100px;
}
#spa section .detail-tanoshimikata h3 {
	margin-bottom: 40px;
}
.detail-tanoshimikata .main-img img {
	display: block;
	margin-bottom: 40px;
}
.detail-tanoshimikata .info {
	margin: 50px auto 0;
	border: 1px solid rgba(39,9,0,1);
	padding: 50px 5% 30px;
	text-align: left;
}
#contact section {
	padding-top: 0;
	/*padding-bottom: 100px;*/
}
#contact section h2 {
	font-size: 1.33rem;
	margin-bottom: 45px;
	letter-spacing: .1em;
	text-align: center;
}
#contact .box-tel {
	width: 96%;
	max-width: 700px;
	margin: 40px auto;
	padding: 50px 7.14% 30px;
}
#contact .box-tel a {
	cursor: default;
}
#contact .box-tel a img:hover {
	opacity: 1;
}
#mailform tr:nth-child(odd) {
	background-color: rgba(205,75,48,.2);
}
.wp-pagenavi {
	text-align: center;
	margin-top: 50px;
	margin-bottom: 50px;
}
.wp-pagenavi > a ,
.wp-pagenavi > span {
	display: inline-block;
	padding: .3em;
	border: 1px solid #ddd;
	margin: 0 .3em;
	text-decoration: none;
	color: rgba(39,9,0,1);

}
.wp-pagenavi > span,
.wp-pagenavi > a:hover {
	background-color: rgba(205,75,48,.2);
}
.single section {
	padding-top: 50px;
}
.single section .container-s {
	padding-bottom: 50px;
	border-bottom: 1px solid #ddd;
}
.single section .container-s h2 {
	margin-bottom: 1em;
	padding-bottom: 10px;
	border-bottom: 2px solid rgba(205,75,48,1);
	margin-left: 0;
	margin-right: 0;
}
#privacy-policy article h2 {
	font-size: 1.67rem;
	text-align: center;
}
#privacy-policy article h3 {
	font-size: 1.33rem;
}
#privacy-policy section {
	padding-top: 20px;
	padding-bottom: 20px;
}
#privacy-policy article {
	margin-bottom: 80px;
}
.single section img {
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
}

#content.category ul.post-list,
#content.single ul.post-list {
	border-top: 2px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 0;
	margin-bottom: 100px;
}
#content.category ul.post-list {
	margin-top: 100px;
}
#content.single ul.post-list {
	margin-top: 20px;
}
#content.category ul.post-list li,
#content.single ul.post-list li {
    list-style: none;
    border-bottom: 1px solid #ccc;
    padding: .8em;
}
#content.category ul.post-list li:hover,
#content.single ul.post-list li:hover {
	background-color: rgb(248,229,207);
}
#content.single {
	padding-top: 0;
	margin-bottom:100px;
}

.mw_wp_form.mw_wp_form_complete {
	width: 50%;
	margin: 0 auto;
	padding: 4rem;
	border: 2px solid rgba(208,75,48,1);
    background-color: #fff;
	margin-bottom: 50px;
	text-align: center;
}
.bx-wrapper {
	margin-bottom: 10px;
	box-shadow: none;
    border: none;
}
.bx-controls {
	display: none;
}
.paging a {
	color: rgba(39,9,0,1);
}
#cuisine section#indredients {
	padding-bottom: 0;
}
#cuisine .sect-header-img {
background-image: url('../images/home/bk-red-header.png');
}
#cuisine .sect-header-img .leftbox {
	background-image: url('images/cuisine/bk-h2-cuisine-sect-1-left.jpg');
}
#cuisine .sect-header-img .rightbox {
background-image: url('images/cuisine/bk-h2-cuisine-sect-1-right.jpg');
}
#room .sect-header-img {
background-image: url('../images/home/bk-green-header.png');
}
#room .sect-header-img .leftbox {
	background-image: url('images/room/bk-h2-room-sect-1-left.jpg');
}
#room .sect-header-img .centerbox {
	background-image: url('images/room/bk-h2-room-sect-1-center.jpg');
}
#room .sect-header-img .rightbox {
background-image: url('images/room/bk-h2-room-sect-1-right.jpg');
}
#spa .sect-header-img {
background-image: url('../images/home/bk-yellow-header.png');
}
#spa .sect-header-img .sect-header-part {
	background-image: url('images/spa/bk-h2-spa-sect-1.jpg');
}
.wifi {
	top: 25px;
	left: 25px;
}
#sect-header-sashie {
	position: relative;
	top: -10px;
}
#service-ski {
	background-image: url(images/about/bk-ski.jpg);
	background-position: center center;
	background-size: cover;
	padding-top: 138px;
	padding-bottom: 138px;
}
#box-service-ski {
	padding: 100px 5% 70px;
	background-color: rgba(255,255,255,1);
}
#box-service-ski li {
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 30px;
}
#box-service-ski h2 {
	font-size: 1.67rem;
	letter-spacing: .1em;
	margin-bottom: 50px;
}
#box-service-ski li h3 {
	font-size: 1.33rem;
	letter-spacing: 0;
	line-height: 1.28;
}
#about #introduction h3 {
	text-align: center;
	font-size: 1.33rem;
}
#introduction #kannaigaiyo {
	margin-top: 70px;
}
#introduction #kannaigaiyo h3 {
	text-align: left;
	font-size: 1.33rem;
	margin-left: 0;
	margin-right: 0;
}
#kannaigaiyo {
	background-color: rgba(30,9,0,.1);
	padding-top: 70px;
	padding-bottom: 100px;
}
#kannaigaiyo p {
	line-height: 2;
}
#about #route h3 {
	margin-top: 140px;
	text-align: center;
	margin-bottom: 40px;
	font-size: 1.67rem;
}
#tourism .category-tourism {
	margin-left: 1.66%;
	margin-right: 1.66%;
	margin-bottom: 60px;
}
#tourism .img-container {
	width: 34.5%;
}
#tourism .category-tourism h3 {
	margin-top: 20px;
	margin-bottom: 20px;
}
#tourism .text-container {
	width: 58.6%;
}
#tourism .text-container li {
	margin-bottom: 20px;
}
#tourism .text-container a:hover {
	color: rgba(39,9,0,1);
}
#tourism .text-container a img {
	vertical-align: baseline;
}
#cuisine #popular .h2-logotype h2 {
	top: 100px;
}
#items-popular {
	padding-top: 100px;
}
#items-popular h3 {
	text-align: center;
	font-size: 1.33rem;
}
#items-popular > div {
	margin-bottom: 60px;
}
#kondate {
	background-image: url(images/cuisine/bk-kondate.jpg);
	background-position: center center;
	background-size: cover;
	padding-top: 140px;
	padding-bottom: 140px;
	color: #1E0900;
}
#box-kondate {
	background-image: url(images/cuisine/bk-washi.png);
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 75px;
	padding-bottom: 75px;
}
#box-kondate h3 {
	text-align: center;
	font-size: 1.33rem;
	padding-bottom: 1em;
	background-image: url(images/cuisine/border-nami-yoko.png);
	background-position: bottom center;
	background-repeat: no-repeat;
	margin-bottom: 50px;
}
#box-kondate ul {
	display: inline-block;
	padding: 0;
	text-align: left;
}
#box-kondate > ul {
	list-style: none;
}
#box-kondate li {
	font-weight: bold;
margin-left: .6em;
    margin-right: 0.6em;
	white-space: nowrap;
}
#box-kondate li ul {
	list-style: disc inside;
}
#box-kondate li li {
	font-weight: normal;
	padding-top: .1em;
}
#option .lead {
	text-align: center;
	margin-bottom: 35px;
}
#option h3 {
	font-size: 1.33rem;
	text-align: center;
}
#option .price {
	font-size: 1.11rem;
	line-height: 1.5;
	margin-bottom: .7em;
}
#breakfast .lead {
	text-align: center;
	margin-bottom: 35px;
}
#breakfast .container-m {
	max-width: 1320px;
	margin-bottom: 100px;
}
#breakfast .img-container {
	padding-top: 60px;
	margin-left: 3.5%;
	margin-right: 3%;
	width: 53%;
}
#breakfast .wa .img-container {
	order: 1;
}
#breakfast .wa .list-container {
	order: 2;
}
#breakfast .wa .title-container {
	order: 3;
}
#breakfast .yo .img-container {
	margin-right: 3.5%;
	margin-left: 3%;
	order: 3;
}
#breakfast .list-container {
	padding-top: 60px;
	margin-left: 0.5%;
	margin-right: 0.5%;
	width: 19%;
}
#breakfast .list-container h4 {
	font-size: 1.33rem;
	margin-top: 0;
	padding-bottom: 1em;
	background-image: url(images/cuisine/border-nami-yoko.png);
	display: inline-block;
	background-position: bottom center;
	background-repeat: repeat-x;
	margin-bottom: 1em;
}
#breakfast .list-container li {
	margin-bottom: .8em;
	line-height: 1.4;
padding-left: 1em;
    text-indent: -.85em;
}
#breakfast .list-container li:before {
	content: "◆";
	font-size: 10px;
	padding-right: .5em;
}
#breakfast .title-container {
	margin-left: 0;
	margin-right: 0;
	width: 20.5%;
}
#breakfast .title-container h3 {
margin-top: 0;
    margin-bottom: 0;
    margin-left: 60%;
    padding: 1.3em 1em;
    position: relative;
    letter-spacing: .3em;
    margin-bottom: .2em;
	display: inline-block;
}
#breakfast .yo .title-container h3 {
    /*margin-left: 57%;*/
}
#breakfast .title-container p.img-h3-breakfast {
	margin: 0;
}
#spa #reserve-footer,
#cuisine #reserve-footer {
	margin-top: 0;
}
#nav-page {
	padding-top: 90px;
}
#cuisine #nav-page .container-s {
	max-width: 788px;
}
#nav-page li {
	text-align: center;
	background-image: url(images/cuisine/border-bottom-with-arrow.png);
	background-position: bottom 1px center;
	background-repeat: no-repeat;
}
#nav-page li:after {
	content:"";
	display:block;
	height:10px;
	border-top: solid 3px #1E0900;
}
#nav-page li p {
	font-size: 1.11rem;
	margin-bottom: 10px;
	font-weight: bold;
letter-spacing: .15em;
}
#nav-page li:hover {
	background-color: rgba(205,75,48,.1);
}
#cuisine #nav-page li {
	width: 21.1%;
}
#room #nav-page li {
	width: 13.9%;
	margin-left: 0.5em;
	margin-right: 0.5em;
	margin-bottom: 50px;
}
#room .bx-pager, #cottage .bx-pager {
	width: 96%;
	max-width: 760px;
	margin-left: auto;
	margin-right: auto;
}
#room .bx-pager li, #cottage .bx-pager li {
	width: 31.6%;
	margin-left: 0;
	margin-right: 0;
}
#room .bx-pager a.active,  #cottage .bx-pager a.active{
	border: none;
	opacity: .8;
}
#room .bx-wrapper , #cottage .bx-wrapper {
	margin-bottom: 40px;
}
#room section#notice {
	padding-top: 70px;
	padding-bottom: 70px;
}
#room section#notice h3 {
	font-size: 1.33rem;
	margin-bottom: 10px;
}
#room section#notice p {
	letter-spacing: 0;
}
#room #reserve-footer {
	margin-top: 0;
}
input[disabled="disabled"] {
	opacity: .5;
}
#omoiyari .img-container {
	text-align: center;
}


/*.nav {}
.nav.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}
.nav.fixed h1.fl-pc.inline-block {
    display: none;
}

.nav.fixed #nav-main li a {
	display: inline-block;
	writing-mode: inherit;
	-ms-writing-mode: inherit;
	-webkit-writing-mode: inherit;
	background-color: rgba(255,255,255,0);
	color: rgba(39,9,0,1);
	letter-spacing: .1em;
}
.nav.fixed #nav-main ul li a:hover,
.nav.fixed #nav-main ul li.current-menu-item > a,
.nav.fixed #information #nav-main ul li.news a {
	background-color: rgba(205,75,48,1);
	color: rgba(255,255,255,1);
}
.nav #nav-main li {
    max-width: 2.7em;
}
.nav.fixed #nav-main li {
    max-width: inherit;
}
#page-header.fixed {
	background-color: rgba(255,255,255,0.9);
	z-index: 10;
}
*/

#home #links #bnrs-bottom .bnr.w-50,
#home #links #bnrs-bottom .bnr.pc-w-50 {
	width: 46.8%;}

/* 240730 */
@media screen and (max-width: 640px) {
  #home #plan .items-plan-home {
    margin-bottom: 1rem;
  }
}
/* 240730 */

/*201007追加*/
.navi_enph{
	background: #fff1f1;
    border: solid #cd4b30;
    padding: 25px;
}
.navi_enph .tit {
  margin-top: 0;
  text-align: center;
  font-size: 22px;
  color: #cd4b30;
}
.navi_enph .txt {
  color: #1e0900;
  font-weight: bold;
  margin: 0;
}

/*221012*/

.bnr_campaign .staynavi-bnr {
	margin-bottom: 50px;
}

/*221013*/
#page-header .telnum-text {
	text-align: end;
	font-size: 15px;
	font-weight: 600;
	margin-right: 3px;
}
#contact-footer .ls-none .tel .telnum-text {
	font-size: 14px;
}
address .telnum-text {
	font-size: 13px;
}
.sp-only { display: none;}
.pc-only { display: block;}
@media screen and (max-width:640px) {
	.sp-only { display: block;}
	.pc-only { display: none;}
}

/*221115追記*/

.ryokoushien-more {
	color: #f00;
	text-align: center;
	margin-bottom: 25px;
	font-weight: bold;
}

/*230216*/
.title_center {
	text-align: center;
}
.room_gallery {
	border-top: solid 1px;
	padding-top: 15px;
}



/*231225追記*/
/*温泉付きコテージページ cottage*/
#cottage .sect-header-img .leftbox-1 {
	background-image: url('images/cottage/bk-h2-cottage-sect-1-left-1.jpg');
    margin: 0;
}
#cottage .sect-header-img .leftbox-2 {
	background-image: url('images/cottage/bk-h2-cottage-sect-1-left-2.jpg');
    margin: 0;
}
#cottage .sect-header-img .rightbox-1 {
	background-image: url('images/cottage/bk-h2-cottage-sect-1-right-1.jpg');
    margin: 0;
}
#cottage .sect-header-img .rightbox-2 {
	background-image: url('images/cottage/bk-h2-cottage-sect-1-right-2.jpg');
    margin: 0;
}
#cottage .sect-header-img{
    background-image: url('images/cottage/bk-blue-header.png');
    background-repeat: no-repeat;
    background-position: bottom;
}
.cottage #intro .flexbox{
    justify-content: center;
}

.cottage #intro .sect-header-h2 h2 img{
position: absolute;
    bottom: -115px;
    width: 140px;
    height: 80px;
    left: -50px;
}

#cottage #nav-page li {
	width: 23%;
	margin-left: 0.5em;
	margin-right: 0.5em;
	margin-bottom: 140px;
}

#cottage section.detail-cottage{
	padding-top: 100px;
	padding-bottom: 107px;
	background-image: url("images/cottage/border_yurunami.png");
    background-size: 206px;
	background-position: center bottom;
	background-repeat: no-repeat;
}
#cottage section#notice {
	padding-top: 70px;
	padding-bottom: 70px;
}
#cottage #reserve-footer{
  margin-top: 0;
}
.bihin img{
    width: 360px;
    margin-bottom: 20px;
}
#cottage .bk-gray .flexbox {
	display: flex;
	flex-wrap: wrap;
    align-items: flex-start;
}
#cottage .bk-gray .nosmoking.flexbox {
    align-items: flex-end;
}
#cottage .bk-gray .mochikomi{
    margin-left: 1.66%;
}
#cottage .bk-gray .mochikomi p{
    width: 65%;
    margin-right: 35%;
}
/*/231225*/
/*240802*/

/*
#cottage h2 {
  font-size: 35px;
  font-family: ten-mincho, serif;
  font-weight: bold;
  text-align: center;
  margin-bottom: 30px !important; }
*/

#cottage .about-bbq h2 {
  font-size: 35px;
  font-family: ten-mincho, serif;
  font-weight: bold;
  text-align: center;
  margin-bottom: 30px !important; }

#top h2 {
  font-size: 35px;
  font-family: ten-mincho, serif;
  font-weight: bold;
  text-align: center;
  margin-bottom: 30px !important; }

#room h2 {
  font-size: 35px;
  font-family: ten-mincho, serif;
  font-weight: bold;
  text-align: center;
  margin-bottom: 30px !important; }

#cottage-footer-2 h2 {
  font-size: 35px;
  font-family: ten-mincho, serif;
  font-weight: bold;
  text-align: center;
  margin-bottom: 30px !important; }


#cottage .gidance_cottage h2 {
  font-family: "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
    letter-spacing: .05em;
  margin-left: 38px;
  margin-bottom: 25px;}

#cottage h3 {
  font-size: 30px;
  font-family: ten-mincho, serif;
  font-weight: bold;
  text-align: center; }

/*
#cottage h4 {
  font-size: 24px;
  font-family: ten-mincho, serif;
  font-weight: bold; }
*/
#cottage-footer-1 h4 {
  font-size: 24px;
  font-family: ten-mincho, serif;
  font-weight: bold; }

/*
#cottage p {
  font-size: 18px; }
*/

/*--- main ---*/
#cottage main {
  padding-top: 0; }
#cottage #top {
  max-width: 1200px;
  margin: 0 auto;
  text-align: center; }
  #cottage #top .intro {
    position: relative;
    top: -17em;
    background: #fff;
    text-align: center;
    padding-top: 50px; }
    #cottage #top .intro p {
      line-height: 2.2;
      text-align: center; }
#cottage .flex-work {
  display: flex;
  justify-content: space-between;
  margin-top: -150px; }
#cottage .fl-ri {
  width: 40%; }
#cottage .fl-le {
  width: 55%;
  margin-right: 5%; }
  #cottage .fl-le p {
    text-align: justify; }
#cottage .clm {
  border: 1px solid #415358;
  padding: 50px 0;
  text-align: center;
  line-height: 1.8;
  margin: 100px auto 0; }
  #cottage .clm h3 {
    margin: 0 auto 20px !important; }
  #cottage .clm .tel {
    font-size: 30px;
    font-weight: bold; }
  #cottage .clm .tel-time {
    font-size: 14px;
    font-weight: bold; }
#cottage #room .flex-room {
  display: flex;
  flex-wrap: wrap; }
  #cottage #room .flex-room a {
    width: 50%;
    position: relative; }
  #cottage #room .flex-room .hov-bg {
    font-family: ten-mincho, serif;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 70px;
    opacity: 0;
    background-color: #1f090073;
    width: 100%;
    height: 100%;
    transition: .3s ease-in-out; }
  #cottage #room .flex-room .hov-txt {
    /*position: relative;
    top: 38%;
    left: 35%;*/
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
    #cottage #room .flex-room .hov-txt::after {
      border-bottom: 2px dashed #fff;
      content: "";
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
      width: 150px; }
  #cottage #room .flex-room a:hover .hov-bg {
    opacity: 1; }



/*ホバーエフェクト*/
/*--- room01～04ページ用css ---*/
#room main {
  padding-top: 0; }

.main-visual.room-mv {
  background: #27576F;
  width: 100%;
  overflow: hidden;
  position: relative;
  max-height: 820px;
  padding: calc(100dvw*(120/1920)) 0 0 calc(100dvw*(320/1920)); }
  .main-visual.room-mv .main-ab {
    position: absolute;
    left: calc(100dvw*(87/1920));
    top: 60%;
    transform: translateY(-50%);
    width: calc(100dvw*(656/1920));
    height: calc(100dvw*(190/1920)); }

@media screen and (max-width: 767px), (max-width: 896px) and (orientation: landscape) {
  #cottage main {
  padding-top: 75px; }
  
  #cottage #reserve-footer h2 {
	font-family: "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
}
  
  .main-visual.room-mv {
    max-height: none;
    padding: 0;
    height: 250px; }
    .main-visual.room-mv img {
      width: 100% !important;
      height: 100% !important;
      object-fit: cover; }
    .main-visual.room-mv .main-ab {
      left: 20px;
      top: 70%;
      width: 180px;
      height: auto; }
      .main-visual.room-mv .main-ab img {
        object-fit: contain;
        filter: drop-shadow(2px 4px 6px black); }

  
  #cottage span.mobile {
   font-family: "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
  }
  
  #cottage .about-bbq h2 {
  font-size: 20px;
      font-family: "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;}

#top h2 {
  font-size: 25px;
  margin-bottom: 15px !important; }

#room h2 {
  font-size: 25px;
  margin-bottom: 15px !important; }

#cottage-footer-2 h2 {
  font-size: 25px;
  margin-bottom: 15px !important; }


#cottage .gidance_cottage h2 {
          margin-left: 15px;
        font-size: 22px;
        margin-bottom: 1px;}

#cottage h3 {
   font-size: 23px;
  font-family: ten-mincho, serif;
  font-weight: bold;
  text-align: center; }

/*
#cottage h4 {
  font-size: 24px;
  font-family: ten-mincho, serif;
  font-weight: bold; }
*/
#cottage-footer-1 h4 {
  font-size: 20px;
  font-family: ten-mincho, serif;
  font-weight: bold; }

}
/*雪マーク付き見出し*/
h2.snow-ico {
  position: relative;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  font-size: calc(100dvw*(35/1920));
  z-index: 1; }
  h2.snow-ico img {
    position: absolute;
    left: -25px;
    top: -5px;
    width: 40px;
    height: 40px;
    z-index: -1; }

@media screen and (max-width: 767px), (max-width: 896px) and (orientation: landscape) {
  h2.snow-ico {
    font-size: 25px; } }
#content #describe {
  /*roomについて*/
  padding: 0; }
  #content #describe p {
    text-align: center;
    margin-bottom: calc(100dvw*(50/1920));
    font-size: calc(100dvw*(18/1920)); }
  #content #describe button {
    display: block;
    background: #27576F;
    border: none;
    padding: 0;
    margin: auto; }
    #content #describe button a {
      text-decoration: none;
      display: block;
      color: #fff;
      letter-spacing: 0.2em;
      font-weight: 700;
      font-size: calc(100dvw*(20/1920));
      padding: calc(100dvw*(17/1920)) calc(100dvw*(32/1920)); }
@media screen and (max-width: 767px), (max-width: 896px) and (orientation: landscape) {
  #content #describe {
    /*roomについて*/
    padding-top: 50px; }
    #content #describe p {
      text-align: center;
      font-size: 16px;
      font-size: 16px;
      width: 80%;
      margin: 0 auto 30px; }
    #content #describe button a {
      font-size: 18px;
      padding: 17px 32px; } }
#content #room-img {
  /*写真*/
  padding-top: calc(100dvw*(100/1920));
  padding-bottom: calc(100dvw*(107/1920)); }
  #content #room-img .flex-room {
    display: flex;
    flex-wrap: wrap; }
    #content #room-img .flex-room img {
      width: calc(100%/3); }
@media screen and (max-width: 767px), (max-width: 896px) and (orientation: landscape) {
  #content #room-img {
    /*写真*/
    padding-top: 50px;
    padding-bottom: 50px; }
    #content #room-img .flex-room {
      display: flex;
      flex-wrap: wrap; }
      #content #room-img .flex-room img {
        width: calc(100%/2); } }
#content #floor-plan {
  /*見取り図*/
  padding-top: 0;
  padding-bottom: calc(100dvw*(100/1920)); }
  #content #floor-plan .floorimg {
    width: calc(100dvw*(1200/1920));
    margin: auto; }
    #content #floor-plan .floorimg img {
      width: 100%; }
@media screen and (max-width: 767px), (max-width: 896px) and (orientation: landscape) {
  #content #floor-plan {
    /*見取り図*/
    width: 80%;
    margin: auto;
    padding-bottom: 50px; }
    #content #floor-plan .floorimg {
      width: 100%;
      margin: auto; }
      #content #floor-plan .floorimg img {
        width: 100%; } }

/*--- フッター ---*/
#cottage-footer-1 .flex-bg-libl {
  background: #b1dff74d;
  display: flex;
  justify-content: center;
  align-items: stretch;
  flex: wrap;
  padding: 50px 0; }
  #cottage-footer-1 .flex-bg-libl div {
    width: 30%;
    text-align: center;
    padding: 0 25px; }
    #cottage-footer-1 .flex-bg-libl div p {
      width: 76%;
      text-align: justify;
      margin: auto; }
    #cottage-footer-1 .flex-bg-libl div:nth-child(2) {
      border-right: 1px solid #707070;
      border-left: 1px solid #707070; }
      #cottage-footer-1 .flex-bg-libl div:nth-child(2) img, #cottage-footer-1 .flex-bg-libl div:nth-child(3) img {
        margin-bottom: 50px; }
    #cottage-footer-1 .flex-bg-libl div:first-child img {
      margin-bottom: 20px; }

#cottage-footer-2 {
  background: #91B5C7;
  padding: 50px 0; }
  #cottage-footer-2 .footer-btn {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly; }
  #cottage-footer-2 .bg-wh {
    background: #fff;
    padding: 15px 40px;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    line-height: 1.3; }
    #cottage-footer-2 .bg-wh .tel {
      font-size: 35px; }
    #cottage-footer-2 .bg-wh .tel-time {
      font-size: 14px; }
  #cottage-footer-2 .bg-bl {
    background: #27576F;
    color: #fff;
    padding: 45px 100px;
    font-size: 25px;
    font-weight: bold;
    text-align: center; }
    #cottage-footer-2 .bg-bl:hover {
      text-decoration: none;
      opacity: .7; }

#cottage-footer-3 {
  text-align: center;
  padding-top: 60px; }

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

  .pc-only {
    display: none; }

/*
  h2 {
    font-size: 25px;
    margin-bottom: 15px !important; }
*/

  
 #cottage .cottage h2 {
    font-family: ten-mincho, serif;
    font-weight: bold;
    }
  
   #cottage .gidance_cottage h2 {
       margin-left: 15px;
        font-size: 22px;
     margin-bottom: 0px;
    }

  #cottage .cottage_main h3 {
    font-size: 23px;
    font-family: ten-mincho, serif;
    font-weight: bold;
    text-align: center; }

  #cottage .cottage_main h4 {
    font-size: 20px;
    font-family: ten-mincho, serif;
    font-weight: bold; }

  #cottage .cottage_main p {
    font-size: 16px !important; }

  .header-logo {
    width: 90px !important; }
    .header-logo.after {
      width: 75px !important; }

  #cnt-header a {
    padding: 7px 20px;
    font-size: 16px; }

  #cottage #top {
    padding: 0 20px; }
    #cottage #top .intro {
      top: -35px;
      padding: 20px 10px 0; }
      #cottage #top .intro p {
        line-height: 2;
        letter-spacing: normal; }
  #cottage .flex-work {
    flex-direction: column;
    margin-top: 0; }
  #cottage .fl-le {
    width: 100%;
    margin-right: 0;
    text-align: center; }
  #cottage .fl-ri {
    width: 100%; }
  #cottage .clm {
    margin-top: 50px;
    padding: 20px; }
    #cottage .clm p {
      text-align: justify; }
  #cottage #room .flex-room {
    flex-direction: column; }
    #cottage #room .flex-room a {
      width: 100%; }
    #cottage #room .flex-room .hov-bg {
      font-size: 40px; }
    #cottage #room .flex-room .hov-txt {
      /*position: relative;
      top: 33%;
      left: 29%;*/
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }

  #cottage-footer-1 .flex-bg-libl {
    flex-direction: column; }
    #cottage-footer-1 .flex-bg-libl div {
      width: 100%; }
      #cottage-footer-1 .flex-bg-libl div:nth-child(2) {
        border: none; }

  /*フッター*/
  #cottage-footer-2 {
    padding: 50px 20px; }
    #cottage-footer-2 .bg-wh, #cottage-footer-2 .bg-bl {
      padding: 15px 10px;
      width: 100%; }
    #cottage-footer-2 .bg-wh .tel {
      font-size: 25px; }
    #cottage-footer-2 .bg-bl {
      font-size: 20px;
      margin-top: 20px; } 
    
    #cottage-footer-1 .flex-bg-libl div:nth-child(2) img, #cottage-footer-1 .flex-bg-libl div:nth-child(3) img {
        margin-bottom: 20px; }
}


/* 20240729 バーベキューコンロについて */
section.about-bbq {
  max-width: 1200px;
  margin: 0 auto;
  padding: 40px 0 90px;
}
.flex-bbq {
  margin: 0 !important;
}

@media screen and (max-width:640px){
  section.about-bbq {
    padding: 50px 20px;
  }
  .flex-bbq {
    margin: 0 auto 0 !important;
  }
}
/*/240802*/

/*240501*/
.guidance {
    width: 96%;
    max-width: 1240px;
    margin-left: auto;
    margin-right: auto;
    line-height: 33px;
    text-indent: -1em;
    padding-left: 1em;
    margin-bottom: 50px;
}
.guidance ul {
    list-style-type: none;  
}
.guidance li {
    margin-top: 10px;
    margin-bottom: 20px;  
}
.guidance h2 {
    margin-left: 38px;
    margin-bottom: 25px;
}

.guidance .gidance_ajisai h2 {
  font-size: 27px;
  text-align: left;
}

.guidance ul li .item {
  font-weight: bold;
}
.guidance ul li a {
  font-size: 22px;
}

@media screen and (max-width:640px) {
 .guidance ul {
    font-size: 15px;
    line-height: 28px;
    padding: 15px;
}
.guidance h2 {
    margin-left: 15px;
    font-size: 22px;
    margin-bottom: 1px;
}
}

/*バーベキューコンロについて*/
.flex-bbq {
  border: solid 1px #000;
  flex-direction: column-reverse;
  justify-content: space-between;
  margin: 100px auto;
  padding: 60px 40px;
}

.flex-bbq p{
  text-align: justify;
}

.flex-bbq h2 {
}

.flex_food {
  display: flex;    
}
.flex_food th, .flex_food td {
  font-size: 16px;
  border: 1px solid #999;
}
.flex_food th {
  background: rgba(205, 75, 48, 0.3);
  font-weight: 700;
  min-width: 185px;
  padding: 15px;
}
.flex_food td {
  min-width: 100px;
}

.flex-bbq .bbq {
  flex-wrap: nowrap;
  justify-content: space-between;
  margin-top: 20px;
}
.flex-bbq .bbq .bbq2 {
  min-width: 300px;
  max-width: 100%;
}

.flex-bbq .bbq3 {
  margin-left: 30px;
  display: none; /* 画像が来たら削除 */
}

@media screen and (max-width:640px){
 
  .flex-bbq {
    margin: 60px auto 0;
    padding: 40px 20px;
  }
  .flex-bbq h2 {
    font-size: 20px;
  }
  
  .flex-bbq .bbq {
    flex-wrap: wrap;
    margin-top: 10px;
  }
  
 .flex-bbq .bbq1 {
    padding: 75px;
    margin-top: -65px; 
  }
  
  .flex-bbq p {
    text-align: justify;
  }
  
  .flex_food {
    display: flex;
    flex-direction: column;
  }
  .flex_food .sp-only {
    margin-bottom: 0;
  }
  .flex_food .scroll-table {
    overflow-x: scroll;
    white-space: nowrap;
  }
  
  .flex-bbq .bbq3 {
    margin-left: 0;
    margin-top: 30px;
  }
}

/* 240810 */
.guidance .bnr_campaign {
  margin: 50px 0 0;
}
/* /240810 */

@media screen and (max-width:640px) {
  .guidance ul {
    font-size: 15px;
    line-height: 28px;
    padding: 15px;
  }
  .guidance h2 {
    margin-left: 15px;
    font-size: 22px;
    margin-bottom: 1px;
  }
  .guidance .bnr_campaign {
    margin: 0;
  }
  section#information-home .bnr_flex{
    flex-direction: column;
    text-align: center;
    padding: 10px;
    margin-top: -15px;
    gap: 10px;
  }
  section#information-home .bnr_h2 {
  margin: 25px 0 15px;
}
  section#information-home .bnr_h2 img {
    width: 85%;
  }
  section#information-home .bnr_text {
  margin: 0px 0 40px;
}
}