/*ヘッダー*/

#header-global {
  position: relative;
  display: flex;
  margin: 0 auto;
  padding: 15px 30px 15px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  background:#c7b370;
}

#header-logo {
padding:0px 0px 0px 20px;
width:180px;
}

#toggle {
display:none;
}

#header-nav ul li{
padding:15px 25px 15px 25px;
margin:0px 10px 0px 0px;
display:flex;
float: left;
font-size:22px;
font-family:serif;
box-shadow:0px 10px 25px 0px rgba(0,0,0,0.2);
}

#header-nav a{
  color:white;
  position: relative;
  display: inline-block;
  text-decoration: none;
}

#header-nav a::after {
  position: absolute;
  bottom: -12px;
  left: 0;
  content: '';
  width: 100%;
  height: 3px;
  background: white;
  opacity: 0;
  visibility: hidden;
  transition: .3s;
}

#header-nav a:hover::after {
  bottom: -7px;
  opacity: 1;
  visibility: visible;
}

#header-image {
width:100%;
height:500px;
}

#page-2413005126 #header-image /*ホーム*/
{
background:url(https://u.jimcdn.com/cms/o/s5ca9e7bb86790dbb/userlayout/img/picture3.jpg?t=1630633313) no-repeat center;
background-size:cover;
}

#page-2413189126 #header-image /*お知らせ*/
{
background:url(https://u.jimcdn.com/cms/o/s5ca9e7bb86790dbb/userlayout/img/food2.jpg?t=1624500761) no-repeat center;
background-size:cover;
}

#page-2412952526 #header-image /*ご予約*/
{
background:url(https://u.jimcdn.com/cms/o/s5ca9e7bb86790dbb/userlayout/img/photo4.jpg?t=1626850929) no-repeat center;
background-size:cover;
}

#page-2412952626 #header-image /*お食事*/
{
background:url(https://u.jimcdn.com/cms/o/s5ca9e7bb86790dbb/userlayout/img/food4.jpg?t=1624500780) no-repeat center;
background-size:cover;
}

#page-2413004926 #header-image /*お部屋*/
{
background:url(https://u.jimcdn.com/cms/o/s5ca9e7bb86790dbb/userlayout/img/twin2.jpg?t=1624868574) no-repeat center;
background-size:cover;
}

#page-2412952726 #header-image /*過ごし方*/
{
background:url(https://u.jimcdn.com/cms/o/s5ca9e7bb86790dbb/userlayout/img/photo1-2.jpg?t=1624541801) no-repeat center;
background-size:cover;
}

#page-2412952826 #header-image /*お客様の声*/
{
background:url(https://u.jimcdn.com/cms/o/s5ca9e7bb86790dbb/userlayout/img/syunsai1.jpg?t=1624500880) no-repeat center;
background-size:cover;
}

#page-2412952926 #header-image /*Q&A*/
{
background:url(https://u.jimcdn.com/cms/o/s5ca9e7bb86790dbb/userlayout/img/flower1.jpg?t=1626671840) no-repeat center;
background-size:cover;
}

#page-2439060326 #header-image /*ホーム2*/
{
background:url(https://u.jimcdn.com/cms/o/s5ca9e7bb86790dbb/userlayout/img/header-1.jpg?t=1744184100) no-repeat center;
background-size:cover;
}

#page-2439394026 #header-image /*お部屋2*/
{
background:url(https://u.jimcdn.com/cms/o/s5ca9e7bb86790dbb/userlayout/img/header-2.jpg?t=1744184110) no-repeat center;
background-size:cover;
}

#page-2439457626 #header-image /*お食事2*/
{
background:url(https://u.jimcdn.com/cms/o/s5ca9e7bb86790dbb/userlayout/img/header-3.jpg?t=1744184117) no-repeat center;
background-size:cover;
}

#page-2439468726 #header-image /*過ごし方2*/
{
background:url(https://u.jimcdn.com/cms/o/s5ca9e7bb86790dbb/userlayout/img/header-4.jpg?t=1744184124) no-repeat center;
background-size:cover;
}

#page-2439476226 #header-image /*お客様の声2*/
{
background:url(https://u.jimcdn.com/cms/o/s5ca9e7bb86790dbb/userlayout/img/header-5.jpg?t=1744184131) no-repeat center;
background-size:cover;
}

#page-2439476326 #header-image /*アクセス2*/
{
background:url(https://u.jimcdn.com/cms/o/s5ca9e7bb86790dbb/userlayout/img/header-6.jpg?t=1744184147) no-repeat center;
background-size:cover;
}

#page-2439476826 #header-image /*お問い合わせ2*/
{
background:url(https://u.jimcdn.com/cms/o/s5ca9e7bb86790dbb/userlayout/img/header-7.jpg?t=1744184154) no-repeat center;
background-size:cover;
}

/*コンテンツ共通事項*/

main #main1 {
background-image:url("https://u.jimcdn.com/cms/o/s5ca9e7bb86790dbb/userlayout/img/background2.jpg?t=1743468049");
margin:auto;
}

#content
{
  position: relative;
  margin: 0 auto;
  padding: 0 20px;
  max-width: 1160px;
  width: 100%;
  justify-content: space-between;
}

/*ホーム*/

#page-2413005126 #content h1{
font-family:serif;
font-weight:bold;
text-align:center;
color:rgb(110, 75, 48);
}

#page-2413005126 #content h2{
font-family:serif;
font-weight:bold;
text-align:center;
color:rgb(110, 75, 48);
}

#page-2413005126 #content p {
font-family:serif;
font-weight:bold;
color:rgb(89, 66, 85);
line-height:1.5;
font-size:22px;
}

/*ご予約*/

#page-2412952526 #content h1{
font-family:serif;
font-weight:bold;
text-align:center;
color:rgb(110, 75, 48);
}

#page-2412952526  #content p {
font-family:serif;
font-weight:bold;
color:rgb(89, 66, 0);
text-align:center;
line-height:1.5;
font-size:22px;
}

#page-2412952526  #content a {
text-decoration: none
}

/*お食事*/

#page-2412952626 #content h1{
font-family:serif;
font-weight:bold;
text-align:center;
color:rgb(110, 75, 48);
}

#page-2412952626 #content h2{
font-family:serif;
font-weight:bold;
text-align:center;
color:rgb(89, 66, 85);
}

#page-2412952626  #content p {
font-family:serif;
font-weight:bold;
color:rgb(89, 66, 85);
line-height:1.5;
font-size:22px;
}

/*お部屋*/

#page-2413004926 #content h1{
font-family:serif;
font-weight:bold;
text-align:center;
color:rgb(110, 75, 48);
}

#page-2413004926 #content h2{
font-family:serif;
font-weight:bold;
text-align:center;
color:rgb(89, 66, 85);
}

#page-2413004926  #content p {
font-family:serif;
font-weight:bold;
color:rgb(89, 66, 85);
line-height:1.5;
font-size:22px;
}

/*過ごし方*/

#page-2412952726 #content h1{
font-family:serif;
font-weight:bold;
text-align:center;
color:rgb(110, 75, 48);
}

#page-2412952726 #content h2{
font-family:serif;
font-weight:bold;
text-align:center;
color:rgb(89, 66, 85);
}

#page-2412952726  #content p {
font-family:serif;
font-weight:bold;
color:rgb(89, 66, 85);
line-height:1.5;
font-size:22px;
}

/*お客様の声*/

#page-2412952826 #content h1{
font-family:serif;
font-weight:bold;
text-align:center;
color:rgb(110, 75, 48);
}

#page-2412952826  #content p {
font-family:serif;
font-weight:bold;
color:rgb(89, 66, 85);
line-height:1.5;
font-size:22px;
}

/*Q&A*/

#page-2412952926 #content h1{
font-family:serif;
font-weight:bold;
text-align:center;
color:rgb(110, 75, 48);
}

#page-2412952926  #content p {
font-family:serif;
font-weight:bold;
color:rgb(89, 66, 85);
line-height:1.5;
font-size:22px;
}

/*ボタン*/

.j-calltoaction-link
{
        color: #ffffff !important;
        text-decoration: none !important;
        background: #a58f86 !important;
        font-weight:bold !important;
        border-radius: 2px;
        border-style: none !important;
 transition: all  0.3s ease;
}

.j-calltoaction-link:hover
{
        background: #c8c2be !important;
}

#navigation
{
display:none;

}

#sidebar
{
    padding-top:10px;
}

/*フッター*/

#footer-all
{
text-align:center;
padding:20px 0px 100px 0px;
background-color:#432f2f;
}

#footer-content h1,
#footer-content p{
font-family:serif;
color:#f8f4e6;
}

/*SNSボタン*/

#footer-content .sosyal {
  margin: 50px auto;
}
#footer-content .facebook {
  background-color: #2e4a88;
  box-shadow: 0 4px 0 #1B3D82;
  text-shadow: 0 -1px -1px #1B3D82;
  
  display: inline;
  position: relative;
  font-family: Arial;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  color: white;
  border-radius: 5px;
  padding: 14px 80px;
}
#footer-content .facebook:hover {
  background-color: #354F84;
}
#footer-content .facebook:active {
  top: 2px;
	box-shadow: 0 2px 0 #1B3D82;
}

#footer-content .google {
  background-color: #CC3622;
  box-shadow: 0 4px 0 #BA2714;
  
  display: inline;
  position: relative;
  font-family: Arial;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  color: white;
  border-radius: 5px;
  padding: 14px 80px;
}
#footer-content .google:active {
  top: 2px;
	box-shadow: 0 2px 0 #BA2714;
}
#footer-content .google:hover {
  background-color: #D04829;
}


.button-container {
    display: flex;
    justify-content: left;  /* 中央揃え */
    gap: 10px;  /* ボタン間の余白 */
    flex-wrap: wrap; /* 小さい画面では折り返す */
}

.custom-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #a58f86 !important;  /* ボタンの色 */
    color: white !important;  /* フォントカラーを白に */
    text-decoration: none;
    border-radius: 5px;  /* 角を丸く */
    font-size: 18px;  /* フォントサイズを大きく */
    font-weight: bold; /* 太字にする（任意） */
    transition: background 0.3s ease;
    text-align: center;
}

.custom-button:hover {
    background-color: #a58f86 !important;  /* ホバー時の色 */
}

body.page-2439060326 {
    header-image: nome !important;
    background-image: none !important;
    background-color: white !important;
    color: black !important; /* 文字を黒 */
}





















/*スマートフォン用表示*/

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

/*共通設定*/

#all {
margin:0;
padding:0;
width:100%;
overflow:hidden;
}

/*ヘッダー*/

#header-global {
  position: relative;
  display: flex;
  margin: 0 auto;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  background:#c7b370;
}

#header-logo {
width:100px;
padding:0px 20px 0px 0px;
}

#header-nav ul li{
padding: 15px 30px 15px 10px;
display: flex;
float: left;
font-size:20px;
font-family:serif;
}

#nav-top {
margin: 0;
}

#nav-top nav {
    position: absolute;
    top: -150vh;
    left: 0;
    padding: 60px 0 0 60px;
    z-index: 100;
    overflow: auto;
    box-sizing: border-box;
    width: 100%;
    height: calc(100vh-50px);
    text-align: left;
    transition: .3s ease-in-out;
    background: rgba(255,255,255,.95);
  }
  #nav-top nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  #nav-top ul li {
    line-height: 1.5;
  }
  #nav-top ul li a {
    display: block;
    color: #666666 !important;
    text-decoration: none;
    font-weight: 700;
    margin: 0;
    padding: 5px 0 5px 30px;
    width:120px;
  }
  #nav-top ul li ul li a {
    padding: 10px 0 10px 60px;
  }
  #nav-top ul li ul li ul li a {
    padding: 10px 0 10px 70px;
  }

/* クリック時 */
  .openNav nav {
    transform: translateY(150vh);
  }
  #nav-top.openNav nav {
    background: rgba(255,255,255,.95);
  }
  .openNav #toggle span:nth-child(1) {
    top: 11px;
    border-color: #666666;
    transform: rotate(-45deg);
  }
  .openNav #toggle span:nth-child(2),
  .openNav #toggle span:nth-child(3) {
    top: 11px;
    border-color: #666666;
    transform: rotate(45deg);
  }

/* トグルアイコン */
  #toggle {
    display:inline;
    position: absolute;
    top: 40px;
    left: 300px;
    z-index: 200;
    width: 25px;
    height: 20px;
    cursor: pointer;
  }
  #toggle div {
    position: relative;
  }
  #toggle span {
    position: absolute;
    display: block;
    width: 100%;
    border-bottom: solid 3px #666666;
    transition: .38s ease-in-out;
  }
  #toggle span:nth-child(1) {
    top: 0;
  }
 #toggle span:nth-child(2) {
    top: 8px;
  }
  #toggle span:nth-child(3) {
    top: 16px;
  }

#header-image
{
background:url(https://u.jimcdn.com/cms/o/s5ca9e7bb86790dbb/userlayout/img/photo1-2.jpg?t=1624541801) no-repeat center;
background-size:100%;
height:140px;
}

/*コンテンツ共通事項*/

main #main1 {
background-image:url("https://u.jimcdn.com/cms/o/s5ca9e7bb86790dbb/userlayout/img/background2.jpg?t=1743468049");
}

#content .j-hr {
width:80%;
margin:0px 0px 0px 9px;
}

#content .cc-m-form-textarea {
width:80%;
}

#content .cc-m-form-note{
border: 0px none;
}

#content .cc-m-hgrid-column {
float:none;
margin:0px 10px 0px 17px;
}

#content .cc-m-hgrid-column .j-text{
width:288px;
text-align:left;
}

#content .cc-m-hgrid-column .j-text br{
display:none;
}

#content .cc-m-hgrid-column .j-imageSubtitle{
width:280px;
}

#content .j-text p .br::before 
{
content: "\A" ;
white-space: pre ;
}

#content .j-text p .none
{
display:none;
}

#content .j-googlemaps
{
width:293px;
padding:0px 0px 0px 0px;
}

#footer-content p .br::before {
content: "\A" ;
white-space: pre ;
}

/*ホーム*/

#page-2413005126 #content h1{
font-family:serif;
font-weight:bold;
text-align:center;
color:rgb(110, 75, 48);
font-size:30px;
margin:0px 44px 0px 0px;
}

#page-2413005126 #content h2{
font-family:serif;
font-weight:bold;
text-align:center;
color:rgb(110, 75, 48);
margin:0px 44px 0px 0px;
}

#page-2413005126 #content p {
font-family:serif;
font-weight:bold;
color:rgb(89, 66, 85);
line-height:1.5;
font-size:18px;
}

#page-2413005126 #cc-m-12861759026 p {
width:313px;
padding:0px 20px 0px 0px;
}

#page-2413005126 #content .none {
display:none;
margin:0px;
}

#cc-m-12874209026 p {
width:320px;
}

/*ご予約*/

#page-2412952526 #content h1{
font-family:serif;
font-weight:bold;
text-align:center;
color:rgb(110, 75, 48);
font-size:30px;
margin:0px 54px 0px 0px;
}

#page-2412952526  #content p {
font-family:serif;
font-weight:bold;
color:rgb(89, 66, 85);
text-align:center;
line-height:1.5;
font-size:18px;
}

#page-2412952526  #content a {
text-decoration: none
}

/*お食事*/

#page-2412952626 #content h1{
font-family:serif;
font-weight:bold;
text-align:center;
color:rgb(110, 75, 48);
font-size:30px;
margin:0px 54px 0px 0px;
}

#page-2412952626 #content h2{
font-family:serif;
font-weight:bold;
text-align:center;
color:rgb(89, 66, 85);
width:200px;
margin:0px 0px 0px 40px;
}

#page-2412952626  #content p {
font-family:serif;
font-weight:bold;
color:rgb(89, 66, 85);
line-height:1.5;
font-size:18px;
}

#page-2412952626 #content .cc-m-hgrid-column .j-gallery {
width:200px;
margin:0px 0px 0px 39px;
}

#cc-m-12965457726 {
width:320px;
}

#cc-m-12964712126 {
width:320px;
}

/*お部屋*/

#page-2413004926 #content h1{
font-family:serif;
font-weight:bold;
text-align:center;
color:rgb(110, 75, 48);
font-size:30px;
margin:0px 54px 0px 0px;
}

#page-2413004926 #content h2{
font-family:serif;
font-weight:bold;
text-align:center;
color:rgb(89, 66, 85);
width:200px;
margin:0px 0px 0px 40px;
}

#page-2413004926  #content p {
font-family:serif;
font-weight:bold;
color:rgb(89, 66, 85);
line-height:1.5;
font-size:18px;
width:330px;
}

#page-2413004926 #content .cc-m-hgrid-column p {
width:290px;
}

#page-2413004926 #content .cc-m-hgrid-column .j-gallery {
width:285px;
}

/*過ごし方*/

#page-2412952726 #content h1{
font-family:serif;
font-weight:bold;
text-align:center;
color:rgb(110, 75, 48);
font-size:30px;
margin:0px 52px 0px 0px;
}

#page-2412952726 #content h2{
font-family:serif;
font-weight:bold;
text-align:center;
color:rgb(89, 66, 85);
width:250px;
margin:0px 0px 0px 35px;
}

#page-2412952726  #content p {
font-family:serif;
font-weight:bold;
color:rgb(89, 66, 85);
line-height:1.5;
font-size:18px;
}

#page-2412952726 #content .cc-m-hgrid-column .j-gallery {
width:280px;
margin:0px;
}

/*お客様の声*/

#page-2412952826 #content h1{
font-family:serif;
font-weight:bold;
text-align:center;
color:rgb(110, 75, 48);
font-size:30px;
margin:0px 52px 0px 0px;
}

#page-2412952826  #content p {
font-family:serif;
font-weight:bold;
color:rgb(89, 66, 85);
line-height:1.5;
font-size:18px;
}

#page-2412952826  #content p .big{
font-size:22px;
}

#page-2412952826 #content .cc-m-hgrid-column .j-gallery {
width:285px;
}

/*Q&A*/

#page-2412952926 #content h1{
font-family:serif;
font-weight:bold;
text-align:center;
color:rgb(110, 75, 48);
font-size:30px;
margin:0px 52px 0px 0px;
}

#page-2412952926  #content p {
font-family:serif;
font-weight:bold;
color:rgb(89, 66, 85);
line-height:1.5;
font-size:18px;
width:325px;
}

#page-2412952926 #content .j-text br{
display:none;
}

/*ボタン*/

/*ホーム*/
#cc-m-12861757926 .j-calltoaction-wrapper {
margin:0px 50px 0px 0px;
}
#cc-m-12813931126 .j-calltoaction-wrapper {
width:218px;
}
#cc-m-12813912326 .j-calltoaction-wrapper {
width:218px;
}
#cc-m-12813980626 .j-calltoaction-wrapper {
width:230px;
}

/*お部屋*/
#page-2413004926 .j-calltoaction-wrapper {
width:220px;
}

.j-calltoaction-link
{
 color: #ffffff !important;
 text-decoration: none !important;
 background: #a58f86 !important;
 font-weight:bold !important;
 border-radius: 2px;
 border-style: none !important;
 transition: all  0.3s ease;
}

.j-calltoaction a
{
 font-size:15px;
 text-align:right;
}

.j-calltoaction-link:hover
{
 background: #c8c2be !important;
}

#navigation
{
display:none;
}

#sidebar
{
    padding-top:10px;
}

/*フッター*/

#footer-all
{
text-align:center;
padding:20px 0px 100px 0px;
background-color:#432f2f;
}

#footer-content h1,
#footer-content p{
font-family:serif;
color:#f8f4e6;
}

/*SNSボタン*/

#footer-content .sosyal {
  margin:10px 0px 30px 10px;
  display:flex;
}
#footer-content .facebook {
  background-color: #2e4a88;
  box-shadow: 0 4px 0 #1B3D82;
  text-shadow: 0 -1px -1px #1B3D82;

  position: relative;
  font-family: Arial;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  color: white;
  border-radius: 5px;
  padding: 14px 50px;
  margin:0px 10px;
}
#footer-content .facebook:hover {
  background-color: #354F84;
}
#footer-content .facebook:active {
  top: 2px;
	box-shadow: 0 2px 0 #1B3D82;
}

#footer-content .google {
  background-color: #CC3622;
  box-shadow: 0 4px 0 #BA2714;

  position: relative;
  font-family: Arial;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  color: white;
  border-radius: 5px;
  padding: 14px 50px;
}
#footer-content .google:hover {
  background-color: #D04829;
}
#footer-content .google:active {
  top: 2px;
	box-shadow: 0 2px 0 #BA2714;
}



}


















/*  Navigation
----------------------------------------------- */

ul.mainNav1,
ul.mainNav2
{
    margin:0;
    padding: 0;
}


ul.mainNav1 li,
ul.mainNav2 li
{
    display: inline;
    margin: 0;	
    padding: 0;
}


ul.mainNav1 li a,
ul.mainNav2 li a
{
    font:normal 11px/140% Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-decoration: none;
    display: block;
    color:#333;
    border-bottom:1px solid #CCC;
}


ul.mainNav1 li a { padding:4px 4px 4px 4px; }
ul.mainNav2 li a { padding:4px 4px 4px 14px; }
ul.mainNav3 li a { padding:4px 4px 4px 24px; }


ul.mainNav1 a:hover
{
    background:#EEE;
    color:black;
}

ul.mainNav1 a.current { font-weight:bold; }