#top-pageWrap {
  background-color: #f8f7f0;
  min-width: 1320px;
}

@media only screen and (max-width: 767px) {
  #top-pageWrap {
    min-width: inherit;
  }
}

#top-pageWrap h1 {
  font-size: 24px;
}

#top-pageWrap h2 {
  margin-bottom: 20px;
  font-size: 18px;
  font-family: 'PT Serif', serif;
}

#top-pageWrap h3 {
  font-size: 18px;
}

#top-pageWrap p {
  font-size: 14px;
}

#top-pageWrap li {
  font-size: 14px;
}

#top-pageWrap h3, #top-pageWrap li {
  color: #ffffff;
}

#top-pageWrap h1, #top-pageWrap h2, #top-pageWrap p {
  color: #150402;
}

#top-pageWrap .reservation-btn.isScroll {
  top: 15px;
}

@media only screen and (max-width: 767px) {
  #top-pageWrap .reservation-btn.isScroll {
    top: 80px;
  }
}

#top-pageWrap .reservation-btn {
  text-align: center;
  position: fixed;
  right: 0px;
  top: 50px;
  background-color: #ea5504;
}

@media only screen and (max-width: 767px) {
  #top-pageWrap .reservation-btn {
    top: 80px;
  }
}

#top-pageWrap .reservation-btn a {
  display: block;
  padding: 15px 21px;
  color: #fff;
  font-size: 18px;
}

@media only screen and (max-width: 767px) {
  #top-pageWrap .reservation-btn a {
    padding: 15px 17px;
    font-size: 14px;
  }
}

@media only screen and (max-width: 767px) {
  #top-pageWrap .reservation-btn .link-pc {
    display: none;
  }
}

#top-pageWrap .reservation-btn .link-sp {
  display: none;
}

@media only screen and (max-width: 767px) {
  #top-pageWrap .reservation-btn .link-sp {
    display: block;
  }
}

#top-pageWrap header {
  background-color: rgba(255,255,255,0.9);
  min-width: 1320px;
}

@media only screen and (max-width: 767px) {
  #top-pageWrap header {
    position: fixed;
    top: 0;
    width: 100%;
    min-width: inherit;
    z-index:99;
  }
}

#top-pageWrap header .header-container {
  height: 140px;
  margin: 0 auto;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  #top-pageWrap header .header-container {
    height: 100px;
    width: 90%;
  }
}

#top-pageWrap header .header-container .img-logo {
  width: 150px;
  height: auto;
  display: inline-block;
  margin: 0 auto;
  margin-top: 15px;
  font-size: 0;
}

@media only screen and (max-width: 767px) {
  #top-pageWrap header .header-container .img-logo {
    float: left;
    display: block;
    margin: 0;
    margin-top: 20px;
    vertical-align: middle;
    width: 120px;
    font-size: 0;
  }
}

#top-pageWrap header .header-container .img-logo img {
  width: 100%;
}

#top-pageWrap header .header-container .img-title.pc {
  width: 280px;
  margin: 20px auto 10px;
}

@media only screen and (max-width: 767px) {
  #top-pageWrap header .header-container .img-title.pc {
    display: none;
  }
}

#top-pageWrap header .header-container .img-title.pc img {
  width: 100%;
}

#top-pageWrap header .header-container .img-title.sp {
  display: none;
}

@media only screen and (max-width: 767px) {
  #top-pageWrap header .header-container .img-title.sp {
    display: block;
    width: 230px;
    text-align:left;
  }
  #top-pageWrap header .header-container .img-title.sp img {
    width: 100%;
  }
  #top-pageWrap header .header-container .img-title.open_title img {
  width:180px;
  }
}

#top-pageWrap header .header-container ul {
}

#top-pageWrap header .header-container ul li {
display:inline-block;
  margin-right: 28px;
}

#top-pageWrap header .header-container ul li a {
  color: #333;
}

@media only screen and (max-width: 767px) {
#top-pageWrap header .header-container ul li {
display:block;
}

    #top-pageWrap header .header-container ul li a {
      color: #fff;
    }
}

#top-pageWrap header .header-container ul li:nth-last-of-type(1) {
  margin-right: 0;
}

#top-pageWrap header .header-container ul li:nth-last-of-type(1) a {
  color: #ea5504;
}

#top-pageWrap header .header-container ul li:hover {
  border-bottom: 1px solid #ffffff;
}

#top-pageWrap header .header-container #hum-menu {
  width: 35px;
  font-size: 0;
  margin-top: 24px;
  float: right;
}

#top-pageWrap header .header-container #hum-menu img {
  width: 100%;
}

#top-pageWrap header .header-container #hum-menu:hover {
  cursor: pointer;
}

#top-pageWrap header .header-container #menu {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.5);
  width: 100%;
  height: 100%;
  z-index: 999;
}

#top-pageWrap header .header-container #menu .menu-wrap {
  float: right;
  width: 93.3%;
  background-color: #333;
  padding-top: 15px;
  padding-bottom: 50px;
}

#top-pageWrap header .header-container #menu .menu-wrap .menu-container {
  width: 90%;
  margin: 0 auto;
}

#top-pageWrap header .header-container #menu .menu-wrap .menu-header {
  margin-bottom: 10px;
}

#top-pageWrap header .header-container #menu .menu-wrap .menu-header img {
  float: left;
  width: 100px;
}

#top-pageWrap header .header-container #menu .menu-wrap .menu-header div {
  float: right;
}

#top-pageWrap header .header-container #menu .menu-wrap .menu-header div h3 {
  color: #ffffff;
  line-height: 50px;
  margin-right: 20px;
  float: left;
}

#top-pageWrap header .header-container #menu .menu-wrap .menu-header div img {
  float: left;
  width: 30px;
  position: relative;
  top: 10px;
}

#top-pageWrap header .header-container #menu .menu-wrap ul {
  width: 100%;
}

#top-pageWrap header .header-container #menu .menu-wrap ul li {
  font-size: 18px;
  text-align: left;
  float: none;
  border-bottom: 1px solid #ffffff;
  line-height: 35px;
  padding-top: 10px;
  margin: 0;
}

#top-pageWrap header .header-container #menu .menu-wrap ul a {
  display: block;
}

#top-pageWrap header .header-container #menu .menu-wrap ul span {
  float: right;
}

@media (min-width: 768px) {
  #top-pageWrap header.isScroll {
    position: fixed;
    top: 0;
    width: 100%;
    min-width: 1320px;
    z-index: 2;
    height: 92px;
  }
  #top-pageWrap header.isScroll .header-container {
    width: 1320px;
    margin: 0 auto;
  }
  #top-pageWrap header.isScroll .img-logo {
    float: left;
    margin:15px 0 0 20px;
    font-size: 0;
  }
  #top-pageWrap header.isScroll .img-title.pc {
    position:absolute;
    top:0px;
    right:180px;
  }
  #top-pageWrap header.isScroll .img-title.pc img {
    width: 230px;
  }
  #top-pageWrap header.isScroll ul {
    float: left;
    margin-top: 10px;
    margin-left: 50px;
  }
}

#top-pageWrap .contents {
  min-width: 1320px;
}

@media only screen and (max-width: 767px) {
  #top-pageWrap .contents {
    min-width: inherit;
    padding-top: 80px;
  }
  #top-pageWrap .contents div {
    float: none;
  }
  #top-pageWrap .contents img {
    width: 100%;
  }
}

#top-pageWrap .contents-container {
  width: 1320px;
  margin: 10px auto 0px;
}

@media only screen and (max-width: 767px) {
  #top-pageWrap .contents-container {
    width: 100%;
    margin: 0px auto;
  }
}

#top-pageWrap .contents-container #welcome {
  margin-bottom: 10px;
}

#top-pageWrap .contents-container #welcome .img-welcome {
  font-size: 0;
}

#top-pageWrap .contents-container #welcome .txt-welcome {
  background-color: #ffffff;
  width: 550px;
  height: 571px;
}

@media only screen and (max-width: 767px) {
  #top-pageWrap .contents-container #welcome .txt-welcome {
    width: 100%;
    height: 600px;
    margin: 10px 0;
  }
}

#top-pageWrap .contents-container #welcome .txt-welcome img {
  margin-top: 50px;
}

@media only screen and (max-width: 767px) {
  #top-pageWrap .contents-container #welcome .txt-welcome img {
    width: 37%;
    margin-top: 70px;
  }
}

@media only screen and (max-width: 767px) {
  #top-pageWrap .contents-container #welcome .txt-welcome h1 {
    margin: 40px 0;
    font-size: 15px;
    padding: 0;
  }
}

@media only screen and (max-width: 767px) {
  #top-pageWrap .contents-container #welcome .txt-welcome p {
    font-size: 12px;
  }
}

#top-pageWrap .contents-container #areaMap {
  margin-bottom: 10px;
}

@media only screen and (max-width: 767px) {
  #top-pageWrap .contents-container #areaMap .img-areaMap.pc {
    display: none;
  }
}

#top-pageWrap .contents-container #areaMap .img-areaMap.sp {
  display: none;
}

@media only screen and (max-width: 767px) {
  #top-pageWrap .contents-container #areaMap .img-areaMap.sp {
    display: block;
  }
}

#top-pageWrap .contents-container #areaMap .img-areaMap {
  font-size: 0;
}

@media only screen and (max-width: 767px) {
  #top-pageWrap .contents-container #areaMap .img-areaMap {
    padding: 40px 0;
    background-color: #ffffff;
  }
}

#top-pageWrap .contents-container #areaMap .txt-areaMap {
  background-color: #dad5cf;
  width: 428px;
  height: 540px;
}

@media only screen and (max-width: 767px) {
  #top-pageWrap .contents-container #areaMap .txt-areaMap {
    width: 100%;
    height: 250px;
  }
}

#top-pageWrap .contents-container #areaMap .txt-areaMap h1 {
  padding-top: 235px;
}

@media only screen and (max-width: 767px) {
  #top-pageWrap .contents-container #areaMap .txt-areaMap h1 {
    padding-top: 70px;
  }
}

#top-pageWrap .contents-container #room {
  margin-bottom: 10px;
}

#top-pageWrap .contents-container #room .img-room {
  font-size: 0;
}

#top-pageWrap .contents-container #room .txt-room {
  background-color: #dad5cf;
  width: 430px;
  height: 540px;
}

@media only screen and (max-width: 767px) {
  #top-pageWrap .contents-container #room .txt-room {
    width: 100%;
    height: 450px;
  }
}

#top-pageWrap .contents-container #room .txt-room h1 {
  padding-top: 60px;
}

@media only screen and (max-width: 767px) {
  #top-pageWrap .contents-container #room .txt-room h1 {
    padding-top: 40px;
  }
}

#top-pageWrap .contents-container #room .txt-room button {
  margin-top: 25px;
  background-color: #482c11;
  width: 240px;
  height: 64px;
}

#top-pageWrap .contents-container #room .txt-room button h3 {
  line-height: 64px;
}

#top-pageWrap .contents-container #restaurant {
  margin-bottom: 10px;
}

#top-pageWrap .contents-container #restaurant .txt-restaurant button {
  margin-top: 25px;
  background-color: #482c11;
  width: 240px;
  height: 64px;
}

#top-pageWrap .contents-container #restaurant .txt-restaurant button h3 {
  line-height: 64px;
}

@media only screen and (max-width: 767px) {
  #top-pageWrap .contents-container #restaurant {
    margin-bottom: 10px;
  }
}

#top-pageWrap .contents-container #restaurant .img-restaurant {
  font-size: 0;
}

#top-pageWrap .contents-container #restaurant .txt-restaurant {
  background-color: #dad5cf;
  width: 430px;
  height: 540px;
}

@media only screen and (max-width: 767px) {
  #top-pageWrap .contents-container #restaurant .txt-restaurant {
    width: 100%;
    height: 370px;
  }
}

#top-pageWrap .contents-container #restaurant .txt-restaurant h1 {
  padding-top: 130px;
}

@media only screen and (max-width: 767px) {
  #top-pageWrap .contents-container #restaurant .txt-restaurant h1 {
    padding-top: 50px;
  }
}

#top-pageWrap .contents-container #restaurantTxt {
  margin-bottom: 10px;
}

#top-pageWrap .contents-container #restaurantTxt .img-restaurantTxt {
  font-size: 0;
}

#top-pageWrap .contents-container #restaurantTxt .txt-restautantTxt {
  background-color: #ffffff;
  width: 840px;
  height: 315px;
}

@media only screen and (max-width: 767px) {
  #top-pageWrap .contents-container #restaurantTxt .txt-restautantTxt {
    width: 100%;
    height: 200px;
  }
}

#top-pageWrap .contents-container #restaurantTxt .txt-restautantTxt p {
  margin: 97.5px auto;
}

@media only screen and (max-width: 767px) {
  #top-pageWrap .contents-container #restaurantTxt .txt-restautantTxt p {
    margin: 0;
    padding-top: 50px;
  }
}

#top-pageWrap .contents-container #activity {
  margin-bottom: 10px;
}

#top-pageWrap .contents-container #activity .img-activity {
  font-size: 0;
}

#top-pageWrap .contents-container #activity .txt-activity {
  background-color: #dad5cf;
  width: 850px;
  height: 315px;
}

@media only screen and (max-width: 767px) {
  #top-pageWrap .contents-container #activity .txt-activity {
    width: 100%;
    height: 400px;
  }
  #top-pageWrap .contents-container #activity .txt-activity h1 {
    padding-top: 50px;
  }
}

#top-pageWrap .contents-container #access {
  background-color: #ffffff;
  padding: 40px 30px 34px;
  margin-bottom: 48px;
}

@media only screen and (max-width: 767px) {
  #top-pageWrap .contents-container #access {
    width: 100%;
    padding: 40px 0 0 0;
    margin-bottom: 0;
  }
}

#top-pageWrap .contents-container #access h1, #top-pageWrap .contents-container #access h2 {
  text-align: center;
  color: #332927;
}

#top-pageWrap .contents-container #access h2 {
  margin-bottom: 38px;
}

#top-pageWrap .contents-container #access .img-access {
  margin: 49.5px 50px;
}

@media only screen and (max-width: 767px) {
  #top-pageWrap .contents-container #access .img-access {
    width: 86%;
    margin: 20px 7%;
  }
}

#top-pageWrap .contents-container #access .txt-access {
  width: 646px;
  height: 386px;
  background-color: #f5f5f5;
}

@media only screen and (max-width: 767px) {
  #top-pageWrap .contents-container #access .txt-access {
    width: 86%;
    height: auto;
    margin: 0 auto;
    height: 250px;
    margin-bottom: 30px;
  }
  #top-pageWrap .contents-container #access .txt-access iframe {
    width: 100%;
    height: 100%;
  }
}

#top-pageWrap .contents-container .banner {
  margin: 140px auto 80px;
  font-size: 0;
}

@media only screen and (max-width: 767px) {
  #top-pageWrap .contents-container .banner {
    margin-top: 45px;
  }
}

#top-pageWrap .contents-container .banner img {
  display: block;
  width: 100%;
}

@media only screen and (min-width: 768px) {
  #top-pageWrap .contents-container .banner .banner-listItem {
    display: inline-block;
    vertical-align: middle;
    width: 315px;
  }
  #top-pageWrap .contents-container .banner .banner-listItem:not(:first-child) {
    margin-left: 20px;
  }
}

@media only screen and (max-width: 767px) {
  #top-pageWrap .contents-container .banner .banner-listItem {
    margin: auto;
    width: 250px;
  }
  #top-pageWrap .contents-container .banner .banner-listItem:not(:first-child) {
    margin-top: 10px;
  }
}

#top-pageWrap .contents-container .banner .banner-listItem a {
  display: block;
}

#top-pageWrap .contents-container .txt-content {
  text-align: center;
}

#top-pageWrap .contents-container .txt-content h1 {
  padding: 30px 0 5px;
}

@media only screen and (max-width: 767px) {
  #top-pageWrap .contents-container .txt-content h1 {
    padding: 25px 0 10px;
    font-size: 24px;
  }
}

#top-pageWrap .contents-container .txt-content p {
  line-height: 40px;
}

@media only screen and (max-width: 767px) {
  #top-pageWrap .contents-container .txt-content p {
    font-size: 15px;
    line-height: 30px;
  }
}

#top-pageWrap footer {
  min-width: 1320px;
  background-color: #333;
}

@media only screen and (max-width: 767px) {
  #top-pageWrap footer {
    min-width: inherit;
  }
}

#top-pageWrap footer p {
  font-size: 12px;
  text-align: center;
  line-height: 40px;
  color: #ffffff;
}

@media only screen and (max-width: 767px) {
  #top-pageWrap footer p {
    font-size: 12px;
  }
}



/*GO TO トラベルキャンペーン*/
@media (min-width: 768px) {

.sp {
display:none;
}

#goto_travel {
padding:30px;
margin-bottom:10px;
display:none;
}
.goto_banner {
width:1020px;
margin:auto;
}

.goto_banner:hover {
opacity:0.7;
}

.goto_banner img {
width:100%;
height:auto;
}

.goto_fixed {
position:fixed;
top:0;
right:0;
z-index:9999;
width:132px;
display:none;
}

.goto_fixed img {
width:100%;
height:auto;
}

.goto_fixed:hover {
opacity:0.7;
}

}


/*GO TO トラベルキャンペーン*/
@media (max-width: 767px) {

.pc {
display:none;
}

#goto_travel {
padding:30px;
margin-bottom:10px;
}

.goto_banner {
width:100%;
}

.goto_banner a {
display:flex;
align-items:center;
}

.goto_banner img {
width:100%;
}

.goto_fixed {
position:fixed;
top:152px;
right:0;
z-index:999;
width:76px;
z-index:0;
display:none;
}

.goto_fixed img {
width:100%;
height:auto;
}

}


/*COVID*/
#covid {
width:500px;
margin:20px auto 20px;
}

#covid a {
background:#ea5504;
padding:25px 30px;
position:relative;
display:flex;
justify-content:center;
align-items:center;
text-align:center;
z-index:1;
}

#covid p {
color:#fff;
font-size:100%;
}

#covid .arrow {
width:10px;
height:10px;
border-top:#fff 1px solid;
border-right:#fff 1px solid;
transform:rotate(45deg);
position:absolute;
right:25px;
}

@media (max-width: 767px) {

covid {
width:100%;
margin:20px auto 20px;
}

#covid a {
width:90%;
margin:auto;
background:#ea5504;
padding:25px 0;
position:relative;
display:flex;
justify-content:center;
align-items:center;
text-align:center;
}

#covid p {
color:#fff;
font-size:100%;
}

#covid .arrow {
width:10px;
height:10px;
border-top:#fff 1px solid;
border-right:#fff 1px solid;
transform:rotate(45deg);
position:absolute;
right:25px;
}

}



/*INFORMATION*/
#information {
background:#fff;
padding:25px 30px;
margin-bottom:10px;
}

#information .info_title {
font-size:120%;
text-align:center;
line-height:180%;
padding-bottom:20px;
}

#information .fr {
color:#ea5504;
}

#information .b {
font-weight:bold;
}

#information .six_sense {
font-size:100%;
font-weight:bold;
text-align:center;
padding-bottom:15px;
}

#information .senses {
display:flex;
justify-content:center;
flex-wrap:nowrap;
padding-bottom:20px;
}

#information .senses .sense {
width:150px;
border:#ddd 1px dashed;
padding:12px 10px;
margin-right:15px;
border-radius:10px;
background:#fafafa;
}

#information .senses .sense:last-child {
margin-right:0;
}

#information .senses .sense .item {
font-size:100%;
font-weight:bold;
text-align:center;
padding-bottom:5px;
}

#information .senses .sense .ex {
font-size:80%;
text-align:center;
}

#information .senses .sense:nth-child(1) .ex ,
#information .senses .sense:nth-child(4) .ex {
padding-top:10px;
}

#information .tx {
text-align:center;
padding-bottom:15px;
}

#information .summary {
font-size:110%;
text-align:center;
}


/*CONTACT*/
.contact {
padding-bottom:30px;
}

.contact .logo {
width:300px;
margin:0 auto 15px;
}

.contact .numbers {
display:flex;
justify-content:center;
}

.contact .numbers p {
}

.contact .numbers p:first-child:after {
content:"　｜　";
padding-right:10px;
}

.contact .numbers p .tel {
font-size:160%;
}



@media (max-width: 767px) {
#information {
background:#fff;
padding:25px 30px;
}

#information .info_title {
font-size:90%;
text-align:center;
line-height:180%;
padding-bottom:20px;
}

#information .fr {
color:#ea5504;
}

#information .b {
font-weight:bold;
}

#information .six_sense {
font-size:90%;
font-weight:bold;
text-align:center;
padding-bottom:15px;
}

#information .senses {
display:flex;
justify-content:space-between;
flex-wrap:wrap;
padding-bottom:20px;
}

#information .senses .sense {
width:48.5%;
border:#ddd 1px dashed;
padding:12px 10px;
border-radius:10px;
background:#fafafa;
box-sizing:border-box;
margin:0 0 15px;
}

#information .senses .sense:nth-child(n+5) {
margin-bottom:0;
}

#information .senses .sense:last-child {
margin-right:0;
}

#information .senses .sense .item {
font-size:100%;
font-weight:bold;
text-align:center;
padding-bottom:5px;
}

#information .senses .sense .ex {
font-size:80%;
text-align:center;
}

#information .senses .sense:nth-child(1) .ex ,
#information .senses .sense:nth-child(4) .ex {
padding-top:10px;
}

#information .tx {
text-align:center;
padding-bottom:15px;
}

#information .summary {
font-size:100%;
text-align:center;
}
}