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

/*---------------------------------
基本設定：ページ全体
---------------------------------*/
img[src$=".svg"]{
  width: 100%;
  line-height: 0;
  font-size: 0;
}

* {-webkit-box-sizing: border-box;
   -ms-box-sizing: border-box;
   -moz-box-sizing: border-box;
   -o-box-sizing: border-box;
   box-sizing: border-box;
  }

html { scroll-behavior: smooth;}

body {
  width: 100%;
  margin: 0;
  font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
  font-weight: 400;
  font-size: 0.95em;
  line-height: 1.6;
  color: #583c2c;
  background-color: #fcf0d3;
  background-image: url("../img/common/fresh-snow.png");
  -webkit-text-size-adjust: 100%;
}

a {text-decoration: none; color:#583c2c;}
a:hover {text-decoration: none; color: #c09c3b;}
a:hover img {opacity: 0.9;}

.topline { border-top: solid 1px #d2c2b9;}
.underline { border-bottom: solid 1px #d2c2b9;}
.border_c {border: #ccc solid 1px;}
.radius { border-radius: 10px;}
.caps { font-size: 90%;}
.line-h { line-height: 1.5;} 

/* 文字の装飾・マージン等 */
.f50 { font-size:50% !important;}
.f60 { font-size:60% !important;}
.f70 { font-size:70% !important;}
.f80 { font-size:80% !important;}
.f90 { font-size:90% !important;}
.f110 { font-size:110% !important;}
.f120 { font-size:120% !important;}
.f130 { font-size:130% !important;}
.f140 { font-size:140% !important;}
.f150 { font-size:150% !important;}
.f160 { font-size:160% !important;}
.f170 { font-size:160% !important;}
.f180 { font-size:180% !important;}
.f190 { font-size:180% !important;}
.f200 { font-size:200% !important;}
.f230 { font-size:230% !important;}
.f250 { font-size:250% !important;}
.f300 { font-size:300% !important;}

.mt-u3 { margin-top: -3% !important;}
.mt-u5 { margin-top: -5% !important;}
.mt-u8 { margin-top: -8% !important;}
.mt-u10 { margin-top: -10% !important;}
.mt0 { margin-top: 0 !important;}
.mt1 { margin-top: 1% !important;}
.mt2 { margin-top: 2% !important;}
.mt3 { margin-top: 3% !important;}
.mt4 { margin-top: 4% !important;}
.mt5 { margin-top: 5% !important;}
.mt8 { margin-top: 8% !important;}
.mt10 { margin-top: 10% !important;}
.mt15 { margin-top: 15% !important;}

.mb0 { margin-bottom: 0 !important;}
.mb1 { margin-bottom: 1% !important;}
.mb2 { margin-bottom: 2% !important;}
.mb3 { margin-bottom: 3% !important;}
.mb4 { margin-bottom: 4% !important;}
.mb5 { margin-bottom: 5% !important;}
.mb8 { margin-bottom: 8% !important;}
.mb10 { margin-bottom: 10% !important;}
.mb15 { margin-bottom: 15% !important;}

.mr1 { margin-right: 1% !important;}
.mr2 { margin-right: 2% !important;}
.ml1 { margin-left: 1% !important;}
.ml2 { margin-left: 2% !important;}

.pt0 { padding-top: 0 !important;}
.pt1 { padding-top: 1% !important;}
.pt2 { padding-top: 2% !important;}
.pt3 { padding-top: 3% !important;}
.pt4 { padding-top: 4% !important;}
.pt5 { padding-top: 5% !important;}
.pt10 { padding-top: 10% !important;}

.pb0 { padding-bottom: 0 !important;}
.pb1 { padding-bottom: 1% !important;}
.pb2 { padding-bottom: 2% !important;}
.pb3 { padding-bottom: 3% !important;}
.pb4 { padding-bottom: 4% !important;}
.pb5 { padding-bottom: 5% !important;}
.pb10 { padding-bottom: 10% !important;}

.bold { font-weight: bold;}
.logotext { color: #c09c3b;}
.whitetext { color: #fff;}
.redtext { color: #C00;}
.bluetext { color: #336699;}
.greentext { color: #006600;}
.pinktext { color: #cc3366;}

.whiteback { background-color: #fff;}
.yellowback { background-color: #fff1d0;}

.gothic { font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";}
.mincho { font-family: 'Shippori Mincho', serif;}

.txtal-c { text-align: center;}
.txtal-l { text-align: left;}
.txtal-r { text-align: right;}

/* ホバーエフェクト */
.bnr , .bnr-wrap {
  margin: 0;
  padding: 0;
  overflow: hidden;
  cursor: pointer;
}
.bnr img , .bnr-wrap img {
  transform: scale(1);
  transition: .4s ease-in-out;
}
.bnr:hover img , .bnr-wrap:hover img {
  transform: scale(1.05);
}

/* clearfix */
.clearfix::after {
  content: "";
  display: block;
  clear: both;
}
.clearfix {
  display: inline-table;
  min-height: 1%;
}
/* Hides from IE-mac */
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/* attention-box */
.attention-box { padding: 5% 3% 0;}
.attention-box_inner {
  border: #ccc solid 1px;
  background: rgba(255,255,255,0.8);
  padding: 4% 5% 0;
  border-radius: 10px;
}
.attention-box_inner p {
  padding: 2% 0 0;
}
.attention-box_inner a {
  margin: 2% 0 0;
  line-height: 2;
  border-bottom: solid 1px #d2c2b9;
}
/*
.attention-box_inner img {
  width: 100%;
}
*/

/*---------------------------------
コンテンツ sp
---------------------------------*/
#main-container {
  scroll-snap-type: y mandatory;
  position: relative;
  width: 100%;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  z-index: 2;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

/* ヘッダHMIロゴ*/
#header-HMI-logoBox { 
  width: 100%;
  background-color: #583c2c;
  font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}
#header-HMI-logoBox .header-HMI-logo {
  padding: 0.5% 0 0.2% 2%;
  color: #fff;
  border-bottom: #cc0000 solid 1px;
}
#header-HMI-logoBox .header-HMI-logo a {
  color: #fff;
  font-size: 105%;
}
#header-HMI-logoBox .header-HMI-logo a:hover {
  opacity: 0.8;
}
#header-HMI-logoBox .header-HMI-logo a::before {
  display: inline-block;
  content:"";
  background-image: url(../img/logo/header-hmimark.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 16px;        
  height: 16px;
  margin-right: 8px;
  margin-bottom: -2px;
}

/* ヘッダ */
header {
  postion: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 33;
  background-color: #fff;
  background: rgba(255,255,255,0.95);
}
.header-inner {
  width: 100%;
  height: 70px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* ホテルロゴ */
.header-inner #header-logo {
  padding: 0 0 0 2%;
  width: 100%;
}
.header-inner #header-logo img {
  max-width: 280px;
  vertical-align: middle;
}

/* headerGnavi sp非表示 */
header nav#headerGnavi { width: 100%; display: none;}

/* headerGnavi pc表示 */
.headerGnavi {
  position: relative;
  width: 100%;
  margin: 0 auto;
  height: 70px;
  display: flex;
  justify-content: end;
  color: #666;
  font-size: 1em;
  padding-top: 2px;
}
.headerGnavi > li {
  flex: auto;
  height: 100%;
  padding: 20px 0;
  text-align: center;
  font-weight: 500;
}
.headerGnavi > li:hover {
  background: linear-gradient(0deg, rgba(228, 212, 170, 0.5), rgba(254, 250, 241, 0.5));
}
.headerGnavi > li a {
  color: #583c2c;
  font-size: 0.9em;
  text-decoration: none;
  font-weight: 400;
  position: relative;
  display: inline-block;
  transition: .3s;
}
.headerGnavi > li a::after{
  position: absolute;
  bottom: 0;
  left: 50%;
  content: '';
  width: 0;
  height: 1px;
  background-color: #c09c3b;
  transition: .3s;
  transform: translateX(-50%);
}
.headerGnavi .menu__second-level > li a::after{
  position: absolute;
  bottom: initial;
  left: initial;
  content: initial;
  width: initial;
  height: initial;
  background-color: initial;
  transition: initial;
  transform: initial;
}
.headerGnavi > li a:hover::after{
  width: 100%;
}
ul.menu__second-level {
  visibility: hidden;
  opacity: 0;
  z-index: 3;
  line-height: 170%;
  font-size: 100%;
  font-weight: 500;
}
.menu__second-level li {
  margin-bottom: 20px;
  margin-right: 5px;
  text-align: left;
}

/* 下線が動く */
.headerGnavi .menu__second-level a {
  padding: 0 0 5px 15px;
  line-height: 150%;
  color: #555;
  position: relative;
  display: inline-block;
  transition: .3s;
  font-weight: 500 ;
}
.headerGnavi .menu__second-level a::before {
  content:"";
  position: absolute;
  left: 0px;
  top: 8px;
  width: 4px;
  height: 4px;
  border-top: 2px solid #c09c3b;
  border-right: 2px solid #c09c3b;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: left 0.2s ease;
  -moz-transition: left 0.2s ease;
  -o-transition: left 0.2s ease;
  transition: left 0.2s ease;
}
.headerGnavi .menu__second-level a:hover::before{
  left: 3px;
}

/* floatクリア */
.headerGnavi:before,
.headerGnavi:after {
  content: " ";
  display: table;
}
.headerGnavi:after {
  clear: both;
}
.headerGnavi {
  *zoom: 1;
}

/* mega */
li.menu__mega ul.menu__second-level {
  position: absolute;
  top: 70px;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  margin-top: -1px;
  padding: 40px 2% 20px;
  /*-webkit-transition: all .2s ease;
  transition: all .2s ease;*/
  background-color:#fff;
}
li.menu__mega:hover ul.menu__second-level {
  top: 70px;
  visibility: visible;
  opacity: 1;
  z-index:99;
}
li.menu__mega ul.menu__second-level > li {
  float: left;
  width: 32%;
  border: none;
}
li.menu__mega ul.menu__second-level > li {
  float: left;
  width: 32%;
  border: none;
}
li.menu__mega ul.menu__second-level > li:nth-child(3n+2) {
  margin: 0 1%;
}

/* single */
.menu > li.menu__single {
  position: relative;
}
li.menu__single ul.menu__second-level {
  position: absolute;
  top: 70px;
  box-sizing: border-box;
  width: auto;
  min-width: 130px;
  padding: 30px 1% 0 2%;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  background-color:#fff;
}
li.menu__single:hover ul.menu__second-level {
  top: 70px;
  visibility: visible;
  opacity: 1;
}

/* グロナビの最後のメニューの下層部分の位置 */
li.menu__single:last-child ul.menu__second-level { right:0;}
li.menu__single:last-child i{ font-size:120%;}


/* メインコンテンツ */
main { width: 100%;}

/* フッタ */
footer { position: relative; background: #583c2c;}
#footer-inner { width: 100%;}
#footer-box { width: 100%; margin: 0 auto;}

address {
  display: flex;
  flex-direction: column;
  width: 100%;
}
address .leftCont {
  width: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
}

address .rightCont #footerImage {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  width: 100%;
}
address .rightCont #footerImage img {
  width: 100%;
  height: auto;
  margin-top: 5%;
}
address dl { color:#fff;}
address dl dt#hmiLogo {
  width: 60%;
  padding: 8% 0 1%;
  margin: 0 auto 0;
  justify-content: center;
}
address dl dd#footerLogo {
  width: 50%;
  padding: 0 0 2% 0;
  margin: 0 auto 0;
  justify-content: center;
}
address dl dd#eng { font-size: 95%; margin: 0;}
address dl dd#jp { font-size: 110%; margin: 0 0 3%;}
address dl dd#add { font-size: 110%; line-height: 1.5em;}
address dl dd#tel { font-size: 160%; font-weight: bold; line-height: 2em;}
address dl dd#tel a { color: #fff;}

#sns-btn {
  width: 100%;
  float: left;
  display: flex;
  justify-content: center;
  padding: 20px 0;
  margin: 0 auto 0;
}
#sns-btn li { height: 30px; margin-right: 10px;}
#sns-btn li img { height: 100%;}
#sns-btn:after { clear: both;}
#sitemap { display: none;}

/* コピーライト */
#Copyright {
  color: #fff;
  font-size: 90%;
  text-align: center;
  background-color: #c09c3b;
  padding: 1% 2%;
  font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
  opacity: 0.9;
}

.pc-view { display: none;}
.pc-view-inline { display: none;}
.sp-view { display: block;}
.sp-view-inline { display: inline;}
.pc-view1000 { display: none;}
.pc-view680 { display: none;}


/*---------------------------------
ヘッダ（ハンバーガーメニュー）sp
---------------------------------*/
#hamburgermenu {
	position: relative;
	width: 70px;
	height: 70px;
	display: flex; 
	z-index: 1000;
	background: transparent;
}

/* チェックボックスを非表示にする */
.drawer_hidden {
	display: none;
}

/* ハンバーガーアイコンの設置スペース */
.drawer_open {
	position: absolute;
	top: 15px;
	right: 8px;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 100;/* 重なり順を一番上にする */
	cursor: pointer;
	mix-blend-mode: normal;/* 背景色にあわせて文字色変更 */
	background: #fff;
	width: 40px;
	height: 40px;
	border-radius: 5px;
	opacity: 0.6;
}

/* ハンバーガーメニューのアイコン */
.drawer_open span,
.drawer_open span:before,
.drawer_open span:after {
	content: '';
	display: block;
	height: 3px;
	width: 25px;
	border-radius: 3px;
	background: #583c2c;/* 三本線の色 */
	transition: 0.5s;
	position: absolute;
}

/* 三本線の一番上の棒の位置調整 */
.drawer_open span:before {
	bottom: 8px;
}

/* 三本線の一番下の棒の位置調整 */
.drawer_open span:after {
	top: 8px;
}

/* アイコンがクリックされたら真ん中の線を透明にする */
#hamburger:checked ~ .drawer_open span {
	background: rgba(255, 255, 255, 0);
}

/* アイコンがクリックされたらアイコンが×印になように上下の線を回転 */
#hamburger:checked ~ .drawer_open span::before {
	bottom: 0;
	transform: rotate(45deg);
	background: #333;/*　×の色*/
}

#hamburger:checked ~ .drawer_open span::after {
	top: 0;
	transform: rotate(-45deg);
	background: #333;/*　×の色*/
}

/* 宿泊予約とお問合せ */
.hgBox01 { padding: 3% 5% 5%;}
.hgBox01_inner {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.hg_reserve, .hg_inquiry {
  width: 100%;
  position: relative;
}
.hg_reserve a, .hg_inquiry a {
  display: block;
  text-align: center; 
  padding: 0.5em;
  color: #fff;
  background: #583c2c;
}
.hg_inquiry a {
  background: #c09c3b;
}
.hg_reserve a:hover, .hg_inquiry a:hover{
  opacity: 0.8;
}

/*ハンバーガーメニュー*/
.hgBox02 { padding: 0 5%;}
.hgBox02_inner {
	display: flex;
	flex-direction: column;
	justify-content: center;
	flex-wrap: wrap;
	width: 100%;
}
.hgBox02_inner li.hgmenu {
	width: 100%;
}

/*---------------------------------
ハンバーガーメニュー sp（別ウインドウ）
---------------------------------*/
.drawer_list {
	width: 100%;
	height: 100%;
	position: fixed;
	bottom: 100%;
	left: 0%; /* メニューを画面の外に飛ばす */
	z-index: 99;
	background: #fefaf1;
	transition: .5s;
	padding-top: 5px;
	overflow: hidden scroll;
}

/* メニュー黒ポチを消す */
.navigation {
	list-style: none;
}
.navigation a {
	color: #333;
	text-decoration: none;
}

/* アイコンがクリックされたらメニューを表示 */
#hamburger:checked ~ .drawer_list {
	bottom: 0;/* メニューを画面に入れる */
}

p.hgmtitle {
	text-align: center; 
	width: 75%;
	margin: 2% 10% 1% 9%;
}

p.hgmtitle img {
	width: 100%;
}

.accordion_menu {
	margin: 0 auto;
}
.toggle {
	display: none;
}
.menubox {
	position: relative;
	margin-top: 0.3em;
}

.menu_title,
.menu_content {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: translateZ(0);
	transition: all 0.3s;
}
.menu_title {
	padding: 0.5em 1em 0.5em 2.5em;
	display: block;
	color: #583c2c;
	font-size: 1.1em;
	border-bottom: solid 1px #e4d4aa;
}
/* ＋の字 */
.menu_title::after,
.menu_title::before {
	content: "";
	position: absolute;
	left: 1.25em;
	top: 1.25em;
	width: 2px;
	height: 0.6em;
	top: 1.0em;
	background-color: #cc9999;
	transition: all 0.3s;
}
.menu_title::after {
	transform: rotate(90deg);
}

.menu_title02 {
	padding: 0.5em 1em 0.5em 2.5em;
	display: block;
	color: #583c2c;
	font-size: 1.1em;
	border-bottom: solid 1px #e4d4aa;
	position: relative;
}
/* くの字 */
.menu_title02::before {
	content: "\f105";
	font-family: "Font Awesome 6 Free";
	font-weight: 600; 
	display: inline-block;
	position: absolute;
	left: 1.0em;
	top: 0.5em;
	color: #e4d4aa;
}
.menu_title02 a:hover{ color:#e4d4aa;}

.menu_content {
	max-height: 0;
	overflow: hidden;
}
.menu_title{
	border-bottom: solid 1px #e4d4aa;
}
.toggle:checked + .menu_title + .menu_content {
	display: block;
	max-height: 500px;
	transition: all 1.5s;
}
.toggle:checked + .menu_title::before {
	transform: rotate(90deg) !important;
}
.menu_content {
	margin-left: 15px;
	font-size: 0.9em;
	line-height: 1.5;
}
.menu_content p {
	display: block;
	position: relative;
	/*padding: 0.6em 1em 0.6em 2.5em;*/
	margin: 0;
	padding: 0.8em 0 0.8em 2.5em;
}

/*プルダウン下のくの字*/
.menu_content p ::before {
	content: "\f105";
	font-family: "Font Awesome 6 Free";
	font-weight: 600; 
	display: inline-block;
	position: absolute;
	left: 1.25em;
	top: 0.7em;
	color: #e4d4aa;
}
.menu_content p a:hover{ color:#e4d4aa;}

.menu_content p.dwline {
	border-bottom: solid 1px #e4d4aa;
}
/* ヘッダ（ハンバーガーメニュー）sp ここまで */

/*----------------------
アコーディオン共通 sp
----------------------*/
.accordion-item {
  padding: 2% 0;
  margin-bottom: 5%;
  text-align: left;
}
.accordion-check {
  display: none;
}
.accordion-label {
  position: relative;
  display: block;
  cursor: pointer;
  padding: 10px 40px 8px 8px;
  border-bottom: 1px solid #D5D5D5;
  line-height: 2;
}
.accordion-label::after {
  position: absolute;
  top: 50%;
  right: 0;
  width: 50px;
  transform: translateY(-50%);
  color: #969696;
  text-align: center;
  font-size: 1.5em;
  content: '+';
  vertical-align: middle;
}
.accordion-check:checked~.accordion-box {
  height: auto;
  opacity: 1;
  padding: 1rem 0.5rem;
}
.accordion-check:checked+.accordion-label:after {
  content: '－';
}

/* アコーディオン 共通Box */
.accordion-box {
  height: 0;
  overflow: hidden;
  overflow-y: auto;
  /*max-height: 500px;*/
  opacity: 0;
  transition: all .5s;
  color: #333;
  background: rgba(255,255,255,0.5);
  border-bottom: dotted 1px #e2e2e2;
}
.accordion-box p {
  line-height: 1.8;
  width: auto;
  padding: 0 3%;
}
.accordion-box p img {
  text-align: center;
  width: 100%;
  border: #ddd solid 1px;
}

/* アコーディオン 2枠 */
.accordion-left {
  display: flex;
  flex-direction: column;
}
.accordion-right {
  padding: 3% 3% 3% 1%;
}
.accordion-left p {
  line-height: 1.5;
  text-align: center;
  margin: 3% 0;
  border-bottom: #ddd dotted 1px;
}
.accordion-left p img {
  text-align: center;
  width: 100%;
}

/*----------------------
ページ内リンクのターゲットが固定ヘッダーに重なるのを対処
----------------------*/
:target::before {
  content: "";
  display: block;
  height: 70px; /* ずらしたい高さ */
  margin-top: -70px; /* heightに対するネガティブマージン */
  visibility: hidden;
}

/*----------------------
予約追従ボタン sp animation.js内
----------------------*/
#reserve_following {
	width: 50px;
	height: 50px;
	position: fixed;
	right: 10px;
	bottom: 15px;
	background: #073456;
	opacity: 0.7;
	border-radius: 50%;
	padding: 13px 8px;
	z-index: 10;
	display: none;
}
#reserve_following a {
	font-size: 16px;
	font-weight: 600;
	color: #fff;
}

/*----------------------
トップへ戻るボタン sp animation.js内
----------------------*/
#page_top {
	width: 50px;
	height: 50px;
	position: fixed;
	right: 10px;
	bottom: 65px;
	background: #b88600;
	opacity: 0.6;
	border-radius: 50%;
  z-index: 10;
}
#page_top a {
	position: relative;
	display: block;
	width: 50px;
	height: 50px;
	text-decoration: none;
}
#page_top a::before{
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: '\f106';
	font-size: 20px;
	color: #fff;
	position: absolute;
	width: 25px;
	height: 25px;
	top: 0;
	bottom: 9px;
	right: 0;
	left: 0;
	margin: auto;
	text-align: center;
}



/*===========================================*/
/*---------------------------------
pc指定
---------------------------------*/
@media (min-width: 680px) {
  .pc-view680 { display: block;}
}

@media (min-width: 768px) {

/* 基本設定：ページ全体 */
body {
  font-size: 1.1em;
  letter-spacing: 0.03em;
  font-weight: 480;
}

/*---------------------------------
コンテンツ pc
---------------------------------*/
/* PC・スマホ */
.pc-view { display: block !important;}
.pc-view-inline { display: inline-block !important;}
.sp-view { display: none !important;}
.sp-view-inline { display: none !important;}

.sp-view .fa, .sp-view .fab, .sp-view .fal, .sp-view .far, .sp-view .fas {
  display:none !important; line-height: 0 !important;
}

/* HMIロゴ */
#header-HMI-logoBox .header-HMI-logo {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0.2% 0 0 2%;
}

/* ヘッダ */
.header-inner {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
}
.header-inner #header-logo {
  width: 50%;
}
.header-inner #header-logo img {
  max-width: 350px;
  vertical-align: middle;
}

/* フッタ */
#footer-box {
  max-width: 1200px;
  margin: 0 auto;
}
address {
  display: flex;
  flex-direction: row;
  width: 100%;
}
address .leftCont {
  width: 45%;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}
address .rightCont #footerImage {
  width: 55%;
  float: right;
}
address .rightCont #footerImage img {
  margin: 0;
}

address dl dt#hmiLogo {
  width: 60%;
  margin: 0 auto 0;
  justify-content: center;
}
address dl dd#footerLogo {
  width: 40%;
  margin: 0 auto 0;
  justify-content: center;
}
#sns-btn {
  width: 100%;
  float: left;
  display: flex;
  justify-content: center;
}

/* サイトマップ　pcのみ */
#sitemap { 
  display: flex;
  flex-direction: row;
  justify-content: center;
  text-align: center;
  border-top: #927666 1px solid;
  border-bottom: #927666 1px solid;
  width: 100%;
  margin: 1% 0 3%;
  padding: 1% 1%;
}
#sitemap ul {
  width: 80%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  color: #fff;
}
#sitemap ul li a {
  color: #fff;
  text-decoration: none;
  font-weight: 300;
  position: relative;
  display: inline-block;
  transition: .3s;
  margin: 0 25px 0 6px;
}
#sitemap ul li a::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  content: '';
  width: 0;
  height: 1px;
  background-color: #fff;
  transition: .3s;
  transform: translateX(-50%);
}
#sitemap ul li a:hover::after{ width: 100%;}


/*---------------------------------
ヘッダ（ハンバーガーメニュー）pc
---------------------------------*/
#hamburgermenu { 
	display: flex; 
	z-index: 1000;
	background: transparent;
}

/* チェックボックスを非表示にする */
.drawer_hidden {
	display: none;
}

/* ハンバーガーアイコンの設置スペース */
.drawer_open {
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	mix-blend-mode: normal;/* 背景色にあわせて文字色変更 */
	background: #fff;
	width: 45px;
	height: 45px;
	border-radius: 5px;
	opacity: 0.6;
}

/* ハンバーガーメニューのアイコン */
.drawer_open span,
.drawer_open span:before,
.drawer_open span:after {
	content: '';
	display: block;
	height: 3px;
	width: 25px;
	border-radius: 3px;
	background: #583c2c;/* 三本線の色 */
	transition: 0.5s;
	position: absolute;
}

/* 三本線の一番上の棒の位置調整 */
.drawer_open span:before {
	bottom: 8px;
}

/* 三本線の一番下の棒の位置調整 */
.drawer_open span:after {
	top: 8px;
}

/* アイコンがクリックされたら真ん中の線を透明にする */
#hamburger:checked ~ .drawer_open span {
	background: rgba(255, 255, 255, 0);
}

/* アイコンがクリックされたらアイコンが×印になように上下の線を回転 */
#hamburger:checked ~ .drawer_open span::before {
	bottom: 0;
	transform: rotate(45deg);
	background: #333;/*　×の色*/
}

#hamburger:checked ~ .drawer_open span::after {
	top: 0;
	transform: rotate(-45deg);
	background: #333;/*　×の色*/
}

/* 宿泊予約とお問合せ */
.hgBox01 { width: 100%;}
.hg_reserve, .hg_inquiry {width: 49%;}

/*ハンバーガーメニュー*/
.hgBox02_inner {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
}
.hgBox02_inner li.hgmenu {
  width: 30%;
  margin: 1%;
}

/*---------------------------------
ハンバーガーメニュー pc（別ウインドウ）
spと同様 省略
---------------------------------*

/*----------------------
アコーディオン共通 pc
----------------------*/
.accordion-item {
  padding: 2%;
  margin-bottom: 2%;
  text-align: left;
}
/* アコーディオン 共通Box */
.accordion-box {
  display: flex;
  flex-direction: row;
  padding-bottom: 3%;
}
.accordion-box p {
  overflow: auto;
}

/* アコーディオン 2枠 */
.accordion-left {
  display: flex;
  flex-direction: row;
  width: 100%;
  overflow: auto;
  flex-wrap: wrap;
}
.accordion-right {
  padding: 1% 3% 3% 3%;
  width: 100%;
  overflow: auto;
}
.accordion-left_pc {
  padding: 1%;
  width: 50%;
}
.accordion-right_pc {
  padding: 1%;
  width: 50%;
}
.accordion-left p {
  line-height: 1.5;
  text-align: center;
  margin: 3% 0;
  border-bottom: #ddd dotted 0px;
}
.accordion-left p img {
  text-align: center;
  width: 100%;
}

/*----------------------
予約追従ボタン pc animation.js内
----------------------*/
#reserve_following {
	width: 50px;
	height: 50px;
	position: fixed;
	right: 15px;
	bottom: 25px;
	background: #073456;
	opacity: 0.7;
	border-radius: 50%;
	padding: 14px 8px;
  z-index: 10;
}

/*----------------------
トップへ戻るボタン pc  animation.js内
----------------------*/
#page_top{
	width: 50px;
	height: 50px;
	position: fixed;
	right: 15px;
	bottom: 75px;
	background: #b88600;
	opacity: 0.6;
	border-radius: 50%;
  z-index: 10;
}




} /*768px end*/


/*===========================================*/
@media (min-width: 1000px) {
#hamburgermenu { display: none;}
header nav#headerGnavi { display: block;}
.header-inner { justify-content: center; align-items: center;}
.pc-view1000 { display: block;}
section { max-width: 1000px;}
  
/* 予約追従ボタン */
/*
#reserve_following { display: none !important;}
*/
	
/* グロナビの最後のメニューの下層部分の位置 */
li.menu__single:last-child ul.menu__second-level { right:0;}
li.menu__single:last-child i{ font-size:120%;}
	
} /*1000px end*/