@charset "UTF-8";
.p-header {
  z-index: 3;
  position: fixed;
  width: 100%;
  height: 60px;
  background: rgba(255, 255, 255, .8);
  -webkit-transition: all .3s;
  transition: all .3s
}

.page-2nd .p-header {
  background: #fff
}

.p-hd-logo {
  width: 140px;
  margin: 0 auto;
  padding-top: 20px;
  line-height: 0
}

.p-nav-wrap {
  position: fixed;
  top: 60px;
  right: 0;
  width: 60%;
  height: calc(100% - 60px);
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  background-color: #292624;
  -webkit-transition: all .3s;
  transition: all .3s;
  -webkit-transition-delay: .1s;
  transition-delay: .1s
}

.p-nav-wrap.open {
  -webkit-transform: translateX(0);
  transform: translateX(0)
}

.p-nav-inner {
  height: calc(100%);
  overflow-y: auto
}

.p-nav-langlists, .p-nav-lists {
  margin: 0;
  padding: 0;
  background: #292624;
  list-style: none
}

.p-nav-langlists {
  background: rgba(255, 255, 255, .8)
}

.p-nav-wrap li a {
  display: block;
  padding: 10px 3px;
  border-bottom: 1px solid #8b8078;
  color: #fff
}

.p-nav-wrap .p-nav-10 a {
  border-bottom: none;
  background-color: #65b08f
}

.p-nav-wrap .p-nav-11 a {
  border-bottom: none;
  background-color: #c9af14
}

.p-nav-wrap .p-nav-12 a {
  border-bottom: none;
  background-color: #fff;
  color: #67564a;
  font-size: calc(.75rem + (.815 - .75)*(100vw - 320px)/ (414 - 320));
  line-height: 1.3
}

.p-nav-wrap .p-nav-12 img {
  width: 20px;
  margin: -.5em 0 0;
  float: right
}

.p-nav-wrap .p-nav-14 {
  background-color: #1478ff
}

.p-nav-wrap li a:hover {
  color: #c9af14
}

.p-nav-wrap .p-nav-10 a:hover, .p-nav-wrap .p-nav-11 a:hover {
  background-color: #000;
  color: #fff
}

.p-nav-wrap .icon-calendar, .p-nav-wrap .icon-mail {
  width: 20px;
  margin: 0;
  float: right;
  line-height: 1.2
}

.la-en {
  position: absolute;
  top: 0;
  left: 0;
  width: 100px
}

.p-nav-lang {
  position: relative;
  width: 80px;
  height: 60px;
  margin-bottom: 0;
  padding: .5rem 0;
  border: 2px solid #b59f14;
  background: #fff;
  color: #b59f14;
  line-height: 1;
  text-align: center
}

.p-nav-lang a {
  color: #b59f14;
  font-size: 8px
}

.p-nav-langlists {
  display: none;
  position: absolute;
  top: 45px;
  left: 0;
  width: 100%
}

.p-nav-langlists li {
  display: inline-block;
  width: 100%;
  vertical-align: bottom
}

.p-nav-langlists li a {
  display: block;
  width: 100%;
  padding: .5rem;
  border-bottom: none;
  color: #00381f;
  font-size: calc(.75rem + (.815 - .75)*(100vw - 320px)/ (414 - 320));
  text-align: center
}

.p-hd-hamburger {
  display: block;
  z-index: 2;
  position: fixed;
  top: 0;
  right: 0;
  width: 60px;
  height: 60px;
  background-color: #292624;
  cursor: pointer
}

.p-hd-hamburger, .p-hd-hamburger span {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  -webkit-transition: all .4s;
  transition: all .4s
}

.p-hd-hamburger span {
  position: absolute;
  left: 50%;
  width: 56%;
  height: 2px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #fff
}

.p-hd-hamburger span:nth-of-type(1) {
  top: 18px
}

.p-hd-hamburger span:nth-of-type(2) {
  top: 48%
}

.p-hd-hamburger span:nth-of-type(3) {
  bottom: 18px
}

.p-hd-hamburger.active {
  background-color: #292624
}

.p-hd-hamburger.active span {
  background-color: #fff
}

.p-hd-hamburger.active span:nth-of-type(1), .p-hd-hamburger.active span:nth-of-type(3) {
  top: 50%;
  left: 50%;
  width: 60%;
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  transform: translateX(-50%) translateY(-50%) rotate(-45deg)
}

.p-hd-hamburger.active span:nth-of-type(3) {
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform: translateX(-50%) translateY(-50%) rotate(45deg)
}

.p-hd-hamburger.active span:nth-of-type(2) {
  width: 50%;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  opacity: 0
}

.overlay {
  z-index: -1;
  position: fixed;
  width: 100%;
  height: 100vh;
  background: #fff;
  opacity: 0;
  -webkit-transition: all .3s;
  transition: all .3s
}

.overlay.open {
  z-index: 1;
  top: 0;
  left: 0;
  opacity: .8
}

.p-footer {
  max-width: 100%;
  color: #313131
}

.p-ft-gmap-wrap iframe {
  width: 100%;
  height: calc(240px + (300 - 240)*(100vw - 320px)/ (608 - 320))
}

.p-ft-access-wrap {
  max-width: 92%;
  margin: 4% auto 6%;
  text-align: center
}

.p-ft-contact-wrap {
  max-width: 100%;
  margin: 5% auto 0;
  padding: 5% 4%;
  border-top: 1px solid #bebebe;
  text-align: center
}

.p-ft-address-wrap {
  margin-bottom: 0
}

.p-ft-logo span {
  font-size: calc(12px + (20 - 12)*(100vw - 320px)/ (608 - 320))
}

.p-ft-telnum {
  margin-bottom: .5rem;
  font-size: calc(25px + (40 - 25)*(100vw - 320px)/ (608 - 320));
  font-weight: 600
}

.p-ft-telnum span {
  margin-right: .5rem;
  font-size: calc(15px + (24 - 15)*(100vw - 320px)/ (608 - 320))
}

.p-ft-faxnum {
  margin-bottom: .5rem;
  font-size: calc(12px + (20 - 12)*(100vw - 320px)/ (608 - 320))
}

.p-ft-address {
  margin-bottom: 0;
  font-size: calc(10px + (16 - 10)*(100vw - 320px)/ (608 - 320))
}

.p-ft-spbtn {
  display: table;
  width: 100%;
  margin-bottom: 0;
  padding: 0;
  list-style: none;
  table-layout: fixed
}

.p-ft-spbtn li {
  display: table-cell;
  width: 50%;
  text-align: center;
  vertical-align: middle
}

.p-ft-spbtn li a {
  height: 68px;
  padding: 10px;
  font-size: .875rem
}

.p-ft-spbtn li:first-child a {
  padding: 16px 10px 0
}

.p-ft-spbtn .icon-calendar, .p-ft-spbtn .icon-mail {
  display: block;
  width: 23px;
  margin: 0 auto;
  text-align: center
}

.p-ft-spbtn .icon-calendar svg, .p-ft-spbtn .icon-mail svg {
  width: 100%;
  margin: 0 auto 5px
}

.p-ft-spbtn .icon-mail svg {
  margin: 0 auto 6px
}

.footer_link {
  font-size: calc(10px + (12 - 10)*(100vw - 320px)/ (608 - 320))
}

.footer_link a {
  color: #67564a
}

.p-copyright {
  font-size: calc(8px + (11 - 8)*(100vw - 320px)/ (608 - 320))
}

.page-2nd .p-main-conts {
  padding-top: 60px
}

.page-2nd .p-sec-wrap {
  max-width: 92%;
  margin: 0 auto;
  padding: 4% 0 6%
}

.ie11 .page-2nd .p-sec-wrap {
  width: 92%
}

.p-sec-main, .p-sec-main--aside {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.p-sec-main--aside {
  margin-top: 4%
}

.p-aside-box {
  padding: 4% 8%;
  border: 1px solid #8b8078
}

.p-aside-box+.p-aside-box {
  margin-top: 8%
}

.p-aside-subject {
  margin-bottom: 4%;
  padding: 2% 0;
  border-bottom: 1px solid #8b8078;
  color: #8b8078;
  text-align: center
}

.p-aside-subject--title {
  font-size: calc(18px + (20 - 18)*(100vw - 320px)/ (608 - 320));
  font-weight: 400
}

.p-aside-subject--txt {
  margin-left: 4%;
  font-size: calc(11px + (13 - 11)*(100vw - 320px)/ (608 - 320));
  font-weight: 400;
  vertical-align: 3px
}

.p-aside-lists {
  padding: 0 4%
}

.p-aside-lists a {
  color: #67564a
}

.p-aside-lists li {
  position: relative;
  padding-top: 2%;
  font-size: calc(14px + (16 - 14)*(100vw - 320px)/ (608 - 320));
  font-weight: 400;
  list-style: none
}

.p-aside-lists li::before {
  display: inline-block;
  width: 1rem;
  height: 1px;
  margin-right: 10px;
  border-bottom: 1px solid #67564a;
  vertical-align: middle;
  content: ''
}

.p-aside-lists li:first-child {
  display: none;
}

.news-article {
  max-width: 92%;
  margin: 0 auto
}

.news-article li {
  padding-bottom: 4%
}

.news-article a {
  color: #67564a
}

.news-article figure {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 140px;
  margin-bottom: .2rem;
  border: 1px solid #c9c2bc;
  text-align: center
}

.news-article figure img {
  width: auto;
  height: 130px
}



.top__btn__wrap {
	display: flex;
  /*justify-content: center;*/
  flex-wrap: wrap;
	/*justify-content: space-between;*/
	max-width: 860px;
  margin: 0 auto 50px;
}
.top__btn__wrap::after {
  display: block;
  content:"";
  width: 48%;
}
.top__btn__wrap .top__btn {
	width: 48%;
  margin: 0 3% 3% 0;
}

.top__btn__wrap .top__btn:nth-child(2n) {
	margin-right: 0;
}
.top__btn__wrap .top__btn a {
	color: #65b08f;
	background: #fff;
	border: 1px solid #65b08f;
  display: block;
  text-align: center;
  padding: 10px 0;
  font-size: 12px;
}
.top__btn__wrap .top__btn a:hover {
	color: #fff;
	background: #65b08f;
}
.category-news .top__btn__wrap div:nth-child(1) a {
	color: #fff;
	background: #65b08f;
}
.category-info .top__btn__wrap div:nth-child(1) a {
	color: #fff;
	background: #65b08f;
}
/*.category-staff-blog-news .top__btn__wrap div:nth-child(2) a {
	color: #fff;
	background: #65b08f;
}*/
.category-campaign .top__btn__wrap div:nth-child(2) a {
	color: #fff;
	background: #65b08f;
}
.category-neighborhood .top__btn__wrap div:nth-child(3) a {
	color: #fff;
	background: #65b08f;
}
.category-okinawa-information .top__btn__wrap div:nth-child(4) a {
	color: #fff;
	background: #65b08f;
}
.category-economic-information .top__btn__wrap div:nth-child(5) a {
	color: #fff;
	background: #65b08f;
}



.noimg {
  padding: 8%
}

.news-data {
  margin-bottom: .2rem;
  color: #67564a;
  font-size: calc(11px + (22 - 11)*(100vw - 320px)/ (608 - 320));
  display: flex;
  align-items: center;
}

.news-tit {
  color: #67564a;
  font-size: calc(11px + (22 - 11)*(100vw - 320px)/ (608 - 320));
  font-weight: 400
}

.top__news_category {
	display: inline-block;
  /*width: 15em;*/
  margin-bottom: 0.2rem;
  padding: 2px 5px 3px;
  font-size: 11px;
  text-align: center;
	background-color: #bf3236;
  color: #fff;
}

.top-news-wrap {
  margin-top: 10%
}

.top-news-wrap .more-btn {
  font-size: .937rem
}

.bg-img--news {
  background-image: url(/wpadm/wp-content/themes/grandcabin-yoyaku/assets/images/news/bg-title--news.jpg)
}

.page-2nd.news-article {
  max-width: 100%
}

.page-2nd .news-article li {
  padding: 4% 2%
}

.page-2nd .news-article li:not(:first-child) {
  border-top: 1px solid #8b8078
}

.page-2nd .news-article figure {
  width: 30%;
  margin-right: 4%;
  float: left
}

.page-2nd .noimg {
  padding: 3%
}

.page-2nd .news-tit {
  margin-top: 1rem
}

.top-bnr-area {
  margin: 30px 0;
  padding: 20px 4% 10px;
  background: #f1f0ea;
  text-align: center
}

.top-bnr-area .c-grid-center {
  justify-content: initial;
}

.top-bnr-area ul {
  margin-bottom: 0;
  padding: 0;
  list-style: none;
  max-width: 500px;
  margin: 0 auto;
}

.top-bnr-area ul li {
  margin-bottom: 3%;
}

.top-bnr-area ul li:first-child {
  margin-bottom: 10px
}

.single-posts-subject {
  margin-bottom: 6%;
  padding-bottom: 6%;
  border-bottom: 1px solid #8b8078
}

.single-posts-subject--title {
  margin-bottom: 0;
  font-size: 1.125rem;
  font-weight: 400
}

.single-posts-date {
  margin-bottom: 1rem;
  font-size: .812rem
}

.single-posts-cat {
  margin-left: 5px;
  padding: 1%;
  color: #fff;
  font-size: .625rem;
  text-align: center
}

.single-posts h2 {
  margin-bottom: .8rem;
  font-size: 1.125rem;
  font-weight: 400
}

.single-posts h3 {
  margin-bottom: .8rem;
  font-size: 1.062rem;
  font-weight: 400
}

.single-posts pre {
  display: block
}

.single-posts strong {
  font-weight: 700
}

.single-posts em {
  font-style: italic
}

.single-posts ul {
  list-style: outside disc
}

.single-posts ol {
  list-style: outside decimal
}

.single-posts li {
  margin-bottom: .6rem
}

.single-posts blockquote {
  display: block;
  margin: 1em 40px
}

.single-posts a {
  color: #c9af14;
  text-decoration: underline
}

.single-posts del {
  text-decoration: line-through
}

.single-posts hr {
  display: block;
  border: none;
  border-top: #8b8078 1px solid
}

.single-posts .alignright {
  margin-bottom: 1em;
  margin-left: 1em;
  float: right
}

.single-posts .alignleft {
  margin-right: 1em;
  margin-bottom: 1em;
  float: left
}

.single-posts .aligncenter {
  display: block;
  margin-right: auto;
  margin-bottom: 1em;
  margin-left: auto
}

.single-posts table {
  width: 100%;
  table-layout: fixed
}

.single-posts table td, .single-posts table th {
  padding: 8px 5px;
  font-size: 1rem;
  font-weight: 400
}

.single-posts table th {
  width: 50%
}

.single-posts table tr:not(:first-child) {
  border-top: 1px solid #8b8078
}

.single-posts dl {
  margin: 1.5rem 0
}

.top-slide {
  margin: 0 auto;
  padding: 0;
  list-style: none
}

.top-slide li {
  vertical-align: bottom
}

.top-slide img {
  width: 100%;
  height: auto
}

.top-bnr-wrap {
  margin-top: 4%
}

#top-reserve-search-wrap {
  display: none
}

.top-reserve-search-inner {
  padding: 0 8% 8%;
  background: #dee8e4;
  color: #313131
}

#top-reserve-search-wrap form {
  width: auto;
  padding: 0!important;
  border-radius: 0;
  background: 0 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-align: center
}

.input-container-input-container-da40af .input-container-slot-239963, .input-container-input-container-da40af .input-container-title-db81ec {
  display: inline-block!important
}

.input-container-input-container-da40af {
  margin-bottom: 0
}

.button-btn-f51c1a {
  margin: 0 0 8px
}

.js-datepicker {
  cursor: pointer
}

.search-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0;
  padding-left: 0;
  font-size: .75rem;
  list-style: none
}

.search-menu li {
  width: 47%;
  margin: 0 5% 6% 0;
  border: 1px solid #aaa
}

.search-menu li:nth-child(2n) {
  margin-right: 0
}

.search-menu li a {
  display: block;
  padding: 10px 0;
  color: #313131;
  text-align: center
}

.search-items-column--stay .search-input {
  width: 48%;
  float: left
}

.search-items-column--stay .search-input:nth-child(2) {
  float: right
}

.search-items-column--stay .search-input label {
  margin-bottom: 0
}

.search-items-column--stay .search-input select {
  width: 100%
}

.select-sex {
  display: none;
  margin-bottom: 0;
  padding: 0;
  font-size: calc(12px + (16 - 12)*(100vw - 320px)/ (608 - 320));
  list-style: none
}

.select-sex li {
  width: 48%;
  float: left
}

.select-sex li:last-child {
  float: right
}

.select-sex span {
  display: inline-block;
  width: 12px;
  margin: 0 .7rem;
  vertical-align: middle
}

.select-sex li:last-child span {
  width: 14px
}

.search-notice {
  font-size: calc(10px + (13 - 10)*(100vw - 320px)/ (608 - 320))
}

.top-search-btn .submit-btn {
  letter-spacing: .15em
}

.picker {
  width: 84%
}

.picker select {
  padding: 0
}

.top-concept-body {
  max-width: 87%;
  margin: 0 auto;
  font-size: calc(12px + (24 - 12)*(100vw - 320px)/ (608 - 320))
}

.top-concept-subtit {
  padding: 0 0 calc(20px + (40 - 20)*(100vw - 320px)/ (608 - 320));
  font-size: calc(14px + (28 - 14)*(100vw - 320px)/ (608 - 320));
  font-weight: 400;
  text-align: center
}

.top-point-body {
  max-width: 87%;
  margin: 0 auto;
  font-size: calc(12px + (24 - 12)*(100vw - 320px)/ (608 - 320))
}

.top-wrap h2 {
  font-size: 1rem
}

.top-wrap .c-conts-head {
  margin: 20px 0;
  padding: 0 10px
}

.top-body {
  max-width: 90%;
  margin: 0 auto;
  padding: 10px 10px 0;
  border-top: 1px solid #c9c2bc;
  border-bottom: 1px solid #c9c2bc
}

.top-body p {
  font-size: .8125rem;
  text-align: center
}

.home-mv-wrap {
  position: relative
}

.mv-frame {
  position: relative;
  width: 100%;
  height: auto;
  padding-top: 56.25%
}

.mv-frame-embed {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.top-point-img {
  max-width: 92%;
  margin: 0 auto
}

.top-point-lists {
  padding: 0;
  color: #313131;
  list-style: none;
  counter-reset: number 0
}

.top-point-lists li {
  position: relative;
  margin-bottom: 6%;
  color: #fff;
  list-style: none
}

.top-point-lists li::after {
  position: absolute;
  bottom: 0;
  left: calc(6px + (10 - 6)*(100vw - 320px)/ (608 - 320));
  font-family: arno-pro, serif;
  font-size: calc(34px + (68 - 34)*(100vw - 320px)/ (608 - 320));
  content: counter(number);
  counter-increment: number 1
}

.point-txt {
  position: absolute;
  bottom: 6%;
  left: calc(30px + (44 - 30)*(100vw - 320px)/ (608 - 320));
  margin-bottom: 0;
  font-size: calc(11px + (16 - 11)*(100vw - 320px)/ (608 - 320));
  font-weight: 600;
  line-height: 1.5
}

.top-plan-bnr {
  position: relative;
  margin-bottom: 10%;
  padding: calc(80px + (160 - 80)*(100vw - 320px)/ (608 - 320)) 0;
  background: url(/wpadm/wp-content/themes/grandcabin-yoyaku/assets/images/top/bg-plan--sp.jpg) no-repeat;
  background-size: cover
}

.top-plan-bnr .u-btn {
  position: absolute;
  top: 0;
  right: 0;
  width: 53%
}

.top-plan-bnr .u-btn .plan-link {
  max-width: 100%;
  padding: 26% 0;
  background: rgba(101, 176, 143, .9);
  text-align: center
}

.top-plan-bnr .u-btn .plan-link:hover {
  background: rgba(0, 0, 0, .9)
}

.top-plan-bnr .u-btn .plan-link .plan {
  padding: 1rem;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  font-size: .9375rem
}

.top-plan-bnr .plan-link {
  margin: 0 auto;
  padding: calc(14px + (24 - 14)*(100vw - 320px)/ (608 - 320)) calc(20px + (40 - 20)*(100vw - 320px)/ (608 - 320));
  font-size: calc(13px + (26 - 13)*(100vw - 320px)/ (608 - 320));
  line-height: 1.3;
  text-align: center
}

.top-plan-bnr .plan-link span {
  font-size: calc(20px + (40 - 20)*(100vw - 320px)/ (608 - 320));
  font-weight: 300
}

.top-room-body {
  max-width: 87%;
  margin: 0 auto;
  font-size: calc(12px + (24 - 12)*(100vw - 320px)/ (608 - 320))
}

.top-room-body ul {
  margin: 1rem 0;
  padding: 1rem 0 1rem 1.6rem;
  border-top: 1px solid #8b8078;
  border-bottom: 1px solid #8b8078
}

.top-room-body .check-hour {
  margin-bottom: 50px;
  padding: 1rem 0 1rem 1.6rem;
  border-top: 1px solid #8b8078;
  border-bottom: 1px solid #8b8078
}

.top-room-body dd, .top-room-body dt {
  font-size: calc(12px + (24 - 12)*(100vw - 320px)/ (608 - 320));
  font-weight: 400
}

.top-room-img {
  max-width: 92%;
  margin: 0 auto
}

.top-room-img li {
  margin-bottom: 4%
}

.top-room-body .more-btn {
  font-size: .937rem
}

.top-breakfast-wrap {
  max-width: 92%;
  margin: 0 auto
}

.top-breakfast-body {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  font-size: calc(12px + (24 - 12)*(100vw - 320px)/ (608 - 320))
}

.top-breakfast-img {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  margin-top: 0
}

.top-breakfast-body .txt-lead {
  padding: 0 2% 1rem;
  border-bottom: 1px solid #8b8078
}

.top-breakfast-body .c-table-layout {
  margin: 0 1%
}

.top-breakfast-wrap .top-breakfast-wrap__inner {
  width: 100%;
  margin-bottom: 40px
}

.top-breakfast-wrap .u-btn-column {
  width: 100%
}

.top-breakfast-wrap .more-btn {
  font-size: .937rem
}

[class*=top-overview-col] {
  max-width: 92%;
  margin: 0 auto 10%;
  font-size: calc(12px + (24 - 12)*(100vw - 320px)/ (608 - 320))
}

.top-overview-wrap ul {
  margin: 0;
  padding-left: 1rem
}

.top-overview-wrap ul ul {
  padding-left: 1rem;
  list-style: none
}

.top-instagram-wrap {
  margin-top: 10%
}

.top-instagram-wrap .more-btn {
  font-size: .937rem
}

.top-instagram {
  background: #f1f0ea
}

.top-instagram-container {
  margin-bottom: 30px
}

.top-instagram-item {
  position: relative;
  text-align: center
}

.top-instagram-item img {
  width: 100%;
  height: 33.2vw;
  -o-object-fit: contain;
  object-fit: contain
}

.top-instagram-caption {
  display: none
}

.contact-txt {
  margin-bottom: 6%;
  padding-bottom: 6%;
  border-bottom: 1px solid #8b8078;
  font-size: calc(13px + (16 - 13)*(100vw - 320px)/ (608 - 320))
}

.contact-att-txt {
  max-width: 90%;
  margin: 0 auto;
  margin-bottom: 3%;
  font-size: calc(13px + (16 - 13)*(100vw - 320px)/ (608 - 320))
}

.u-btn-column {
  padding: 0
}

.layer-sec {
  margin-bottom: 30px
}

.layer-header h2 {
  font-size: 1.25rem
}

.layer-header h3 {
  font-size: 1.125rem
}

.access-box {
  margin: 25px 0;
  padding: 5%;
  border: 1px solid #c9c2bc
}

.access-box02 {
  margin: 25px 0;
  padding: 5%;
  border: 1px solid #c9c2bc
}

.acccess-list {
  padding-left: 20px
}

.access-map {
  margin-bottom: 30px
}

.access-tbl {
  width: 100%;
  border-top: 1px solid #c9c2bc
}

.access-tbl th {
  padding-top: 5px
}

.access-tbl th a {
  color: #65b08f
}

.access-tbl th a:hover {
  text-decoration: underline
}

.access-tbl td, .access-tbl th {
  display: block;
  max-width: 100%
}

.access-tbl td {
  padding-bottom: 5px;
  border-bottom: 1px solid #c9c2bc;
  font-size: .9375rem
}

.access-tbl tr:last-child td {
  border-bottom: none
}

.access-bnr {
  padding-left: 0
}

.access-bnr li {
  margin-bottom: 10px;
  list-style: none
}

.access-important {
  padding: .5em 0;
  background: #ece9e3;
  font-size: 1.125rem;
  font-weight: 500
}

.access-tel {
  font-size: 1.125rem;
  font-weight: 500
}

.access-address, .access-txt {
  font-size: .815rem
}

.tab.faq-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  width: 100%;
  margin: 0 auto 30px;
  padding-left: 0;
  font-size: .625rem
}

.tab.faq-menu li {
  width: 33.3%;
  margin-right: 2%;
  padding: 3% 0;
  border: 1px solid #77a08e;
  background: #77a08e;
  color: #fff;
  list-style: none;
  text-align: center;
  cursor: pointer
}

.tab.faq-menu li:last-child {
  margin-right: 0
}

.tab.faq-menu .select, .tab.faq-menu li:hover {
  border: 1px solid #c9c2bc;
  background: #fff;
  color: #67564a
}

.hide {
  display: none
}

.content.faq-menu {
  padding-left: 0;
  list-style: none
}

.accordion_dl.faq-menu dt {
  position: relative;
  margin-top: 10px;
  padding: 10px;
  border: solid 1px #77a08e;
  background: #77a08e;
  color: #fff;
  font-size: .625rem;
  cursor: pointer
}

.accordion_dl.faq-menu dt:before {
  -webkit-transform: rotate(45deg);
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  width: 10px;
  height: 10px;
  margin-top: -8px;
  transform: rotate(45deg);
  background: #fff;
  content: ""
}

.accordion_dl.faq-menu dt:after {
  -webkit-transform: rotate(45deg);
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  width: 10px;
  height: 10px;
  margin-top: -13px;
  transform: rotate(45deg);
  background: #77a08e;
  content: ""
}

.accordion_dl.faq-menu dt.active:before {
  margin-top: -2px;
  background: #77a08e
}

.accordion_dl.faq-menu dt.active:after {
  margin-top: 3px;
  background: #fff
}

.accordion_dl.faq-menu dt h3 {
  font-size: .625rem;
  font-weight: 400
}

.accordion_dl.faq-menu dt.active h3 {
  border-bottom: solid 1px #c9c2bc;
  line-height: 4
}

.accordion_dl.faq-menu dd {
  padding: 10px;
  border: solid 1px #c9c2bc;
  border-top: none;
  font-size: .75rem
}

.accordion_dl.faq-menu dt.active {
  margin-bottom: 0;
  border: solid 1px #c9c2bc;
  border-bottom: none;
  background: #fff;
  color: #67564a
}

.faq-menu-wrap .tit {
  margin-bottom: 0;
  color: #77a08e
}

.tab.photo-gallery-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  width: 100%;
  margin: 0 auto 30px;
  padding-left: 0;
  font-size: .625rem
}

.tab.photo-gallery-menu li {
  width: 33.3%;
  margin-right: 2%;
  padding: 3% 0;
  border: 1px solid #77a08e;
  background: #77a08e;
  color: #fff;
  list-style: none;
  text-align: center;
  cursor: pointer
}

.tab.photo-gallery-menu li:last-child {
  margin-right: 0
}

.tab.photo-gallery-menu .select, .tab.photo-gallery-menu li:hover {
  border: 1px solid #c9c2bc;
  background: #fff;
  color: #67564a
}

.content.photo-gallery-menu {
  padding-left: 0;
  list-style: none
}

.photo-gallery-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  max-width: 100%;
  margin: 0 auto
}

.photo-gallery-wrap p {
  width: 48.5%;
  margin: 0 3% 3% 0
}

.photo-gallery-wrap p:nth-child(2n) {
  margin-right: 0
}

.modaal-gallery-prev {
  left: -20px!important
}

.modaal-gallery-next {
  right: -20px!important
}

.modaal-gallery-control {
  top: 35%!important
}

.slide-area {
  max-width: 300px;
  margin: 0 auto
}

.slider {
  max-width: 100%;
  padding-left: 0;
  list-style: none
}

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

.slick-prev::before {
  content: ""
}

.slick-next, .slick-prev {
  top: 50%!important
}

.slick-next {
  right: 10px!important
}

.slick-prev {
  left: 10px!important
}

.facilities-services-wrap .facilities-services-wrap__inner, .facilities-services-wrap02 .facilities-services-wrap02__inner, .facilities-services-wrap03 .facilities-services-wrap03__inner {
  margin-bottom: 25px;
  padding: 15px;
  border: 1px solid #c9c2bc
}

.tab.facilities-services-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  width: 100%;
  margin: 0 auto 30px;
  padding-left: 0;
  font-size: .625rem
}

.tab.facilities-services-menu li {
  width: 49%;
  margin-right: 2%;
  padding: 3% 0;
  border: 1px solid #77a08e;
  background: #77a08e;
  color: #fff;
  list-style: none;
  text-align: center;
  cursor: pointer
}

.tab.facilities-services-menu li:last-child {
  margin-right: 0
}

.tab.facilities-services-menu .select, .tab.facilities-services-menu li:hover {
  border: 1px solid #c9c2bc;
  background: #fff;
  color: #67564a
}

.content.facilities-services-menu {
  padding-left: 0;
  list-style: none
}

.facilities-services-wrap04__txt dl {
  font-size: .875rem
}

.indoor-map iframe {
  height: 250px
}

.privacy-txt {
  font-size: .875rem
}

.privacy-list {
  font-size: .875rem
}

.privacy-list dd {
  margin-bottom: 20px
}

.privacy-list-none {
  padding-left: 1rem;
  list-style: none
}

.mt50 {
  margin-top: 50px
}

.thumb-item {
  max-width: 300px;
  margin: 0 auto 5px;
  padding: 0 5px;
  list-style: none
}

.thumb-item img {
  width: 100%;
  height: auto
}

.thumb-item-nav {
  max-width: 300px;
  margin: 0 auto;
  padding-left: 0;
  list-style: none
}

.thumb-item-nav li {
  margin: 5px
}

.thumb-item img, .thumb-item-nav img {
  max-width: 100%;
  height: auto
}

.guest-room-wrap {
  margin-top: 25px;
  padding: 15px;
  background: #5c544e;
  color: #fff
}

.guest-room-wrap__inner {
  margin-bottom: 25px
}

.guest-room-wrap__inner:last-child {
  margin-bottom: 0
}

.guest-room-wrap__inner:last-child .txt {
  margin-bottom: 0
}

.guest-room-wrap h3 {
  font-size: .9375rem
}

.guest-room-wrap .txt {
  font-size: .875rem
}

.guest-room-tbl {
  width: 100%
}

.guest-room-tbl td, .guest-room-tbl th {
  display: block;
  width: 100%
}

.guest-room-tbl td {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #c9c2bc
}

.guest-room-tbl tr:last-child td {
  border-bottom: none
}

.guest-room-tbl ul {
  margin-top: 10px;
  padding-left: 20px
}

.guest-room-list dd {
  margin-bottom: 15px
}

.guest-room-wrap02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 10px
}

.guest-room-wrap02 .guest-room-wrap02__inner {
  width: 31.3%;
  margin: 0 3% 3% 0;
  font-size: .8125rem
}

.guest-room-wrap02 .guest-room-wrap02__inner:nth-child(3n) {
  margin-right: 0
}

.guest-room-wrap03 .guest-room-wrap03__inner {
  margin-bottom: 25px
}

.food-menu p {
  margin: 0;
  font-size: .937rem;
  letter-spacing: -.05em
}

.food-menu .layer-header h2 {
  line-height: 1.25rem
}

.food-menu .layer-header span {
  font-size: .937rem
}

.food-menu .food-menu-wrap:not(:last-child) {
  padding: 12% 0 14%;
  border-bottom: 1px solid #67564a
}

.food-menu .food-menu-wrap:not(:last-child):first-of-type {
  padding-top: 0
}

.food-menu .food-menu-wrap:last-child {
  padding-top: 12%
}

.food-menu .food-menu-time {
  margin-bottom: 1rem;
  font-size: .937rem;
  font-weight: 600;
  text-align: center
}

.food-menu .food-menu-items {
  position: relative;
  margin-top: 10%
}

.food-menu .food-menu-items-takeout::after {
  display: block;
  position: absolute;
  top: 2%;
  left: 6%;
  width: 42px;
  height: 42px;
  background-image: url(/wpadm/wp-content/themes/grandcabin-yoyaku/assets/images/food-menu/takeout.svg);
  background-repeat: no-repeat;
  content: ""
}

.food-menu .food-menu-img {
  margin: 0
}

.food-menu .food-menu-name {
  font-weight: 600;
  letter-spacing: -.1em
}

.food-menu .food-menu-price {
  letter-spacing: 0
}

.food-menu .food-menu-set {
  font-size: .812rem
}

.food-menu .food-menu-morning-wrap .food-menu-items:nth-child(1), .food-menu .food-menu-morning-wrap .food-menu-items:nth-child(2) {
  margin-top: 0
}

.food-menu .food-menu-grand-wrap .food-menu-items {
  margin-top: 4%
}

.food-menu .food-menu-drink-txtarea {
  position: relative;
  max-width: 76%
}

.food-menu .food-menu-drink-txtarea::after {
  display: block;
  position: absolute;
  right: -54px;
  bottom: 0;
  width: 50px;
  height: 50px;
  background-image: url(/wpadm/wp-content/themes/grandcabin-yoyaku/assets/images/food-menu/takeout.svg);
  background-repeat: no-repeat;
  content: ""
}

.food-menu .food-menu-drink-lists {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  font-size: .875rem
}

.food-menu .food-menu-drink-lists.food-menu-drink-lists_set {
  margin-top: 6%
}

.food-menu .food-menu-drink-lists.food-menu-drink-lists_set:last-child {
  margin-top: 2%
}

.food-menu .food-menu-drink-name {
  -ms-flex-preferred-size: 70%;
  flex-basis: 70%;
  font-weight: 600
}

.food-menu .food-menu-drink-price {
  -ms-flex-preferred-size: 30%;
  flex-basis: 30%;
  margin: 0;
  text-align: right
}

.food-menu .food-menu-drink-lists_set .food-menu-drink-name span {
  display: block;
  font-size: .812rem;
  font-weight: 500
}

.food-menu .food-menu-drink-lists_set .food-menu-drink-price {
  -ms-flex-item-align: end;
  align-self: flex-end
}

.grecaptcha-badge {
  z-index: 10000
}

@media screen and (min-width:35.5em) {
  .modaal-gallery-control {
    top: 40%!important
  }
  .slide-area {
    max-width: 550px;
    margin: 0 auto
  }
  .slick-next, .slick-prev {
    top: 50%!important
  }
  .thumb-item {
    max-width: 550px
  }
  .thumb-item-nav {
    max-width: 550px
  }
  .food-menu .food-menu-name {
    letter-spacing: 0
  }
  .food-menu .food-menu-drink-txtarea {
    max-width: 50%
  }
}

@media print, screen and (min-width:38em) {
  .p-header {
    height: 60px
  }
  .p-hd-logo {
    width: 334px;
    padding-top: 12px
  }
  .p-nav-wrap {
    width: 30%
  }
  .la-en {
    width: 160px
  }
  .p-nav-lang {
    width: 106px
  }
  .p-ft-gmap-wrap iframe {
    height: 480px
  }
  .top-bnr-area {
    margin: 30px 0;
    padding: 20px 0 10px;
    background: #f1f0ea;
    text-align: center
  }
  .top-bnr-area ul li {
    margin-bottom: 10px
  }
  .news-data {
    margin-bottom: .2rem;
    font-size: calc(15px + (22 - 15)*(100vw - 608px)/ (900 - 608))
  }
  .news-article figure {
    height: 208px
  }
  .news-article figure img {
    height: 200px
  }
  .news-tit {
    font-size: calc(15px + (22 - 15)*(100vw - 608px)/ (900 - 608))
  }
  .search-items-column--stay {
    width: 100%;
    float: left
  }
  .select-sex {
    width: 42%;
    float: right;
    font-size: 1rem
  }
  .select-sex li {
    display: inline-block;
    width: 50%;
    margin-top: 32px;
    float: none
  }
  .select-sex li:last-child {
    float: none
  }
  .search-notice {
    font-size: .75rem
  }
  .top-concept-body {
    font-size: calc(12px + (24 - 12)*(100vw - 608px)/ (900 - 608))
  }
  .top-concept-subtit {
    padding: 0 0 calc(20px + (40 - 20)*(100vw - 608px)/ (900 - 608));
    font-size: calc(14px + (28 - 14)*(100vw - 608px)/ (900 - 608))
  }
  .top-concept-img {
    margin-top: 40px
  }
  .top-point-body {
    font-size: calc(12px + (24 - 12)*(100vw - 608px)/ (900 - 608))
  }
  .top-wrap h2 {
    font-size: 1.25rem
  }
  .top-wrap .c-conts-head {
    margin: 40px 0;
    padding: 0 10px
  }
  .top-body {
    max-width: 90%;
    margin: 0 auto;
    padding: 10px 10px 0;
    border-top: 1px solid #c9c2bc;
    border-bottom: 1px solid #c9c2bc
  }
  .top-body p {
    font-size: .9375rem;
    text-align: center
  }
  .top-point-lists li::after {
    left: calc(10px + (20 - 10)*(100vw - 608px)/ (900 - 608));
    font-size: calc(60px + (76 - 60)*(100vw - 608px)/ (900 - 608))
  }
  .point-txt {
    left: calc(60px + (80 - 60)*(100vw - 608px)/ (900 - 608));
    font-size: calc(18px + (24 - 18)*(100vw - 608px)/ (900 - 608))
  }
  .top-point-img {
    margin-top: 40px
  }
  .top-plan-bnr {
    height: 390px;
    padding: calc(80px + (160 - 80)*(100vw - 608px)/ (900 - 608)) 0
  }
  .top-plan-bnr .plan-link {
    padding: calc(14px + (24 - 14)*(100vw - 608px)/ (900 - 608)) calc(20px + (40 - 20)*(100vw - 608px)/ (900 - 608));
    font-size: calc(13px + (26 - 13)*(100vw - 608px)/ (900 - 608))
  }
  .top-plan-bnr .plan-link span {
    font-size: calc(20px + (40 - 20)*(100vw - 608px)/ (900 - 608))
  }
  .top-room-body {
    font-size: calc(12px + (24 - 12)*(100vw - 608px)/ (900 - 608))
  }
  .top-room-body dd, .top-room-body dt {
    font-size: calc(12px + (24 - 12)*(100vw - 608px)/ (900 - 608));
    font-weight: 400
  }
  .top-room-img {
    margin-top: 40px
  }
  .top-breakfast-body {
    font-size: calc(12px + (24 - 12)*(100vw - 608px)/ (900 - 608))
  }
  .top-breakfast-body .c-table-layout {
    margin: 0
  }
  [class*=top-overview-col] {
    margin: 0 auto 40px;
    font-size: calc(12px + (24 - 12)*(100vw - 608px)/ (900 - 608))
  }
  .access-box02 {
    margin: 35px 0
  }
  .access-box02 .layer-header {
    margin-bottom: 25px
  }
  .layer-tit, .layer-txt {
    text-align: center
  }
  .access-tbl td, .access-tbl th {
    display: table-cell;
    padding: 20px
  }
  .access-tbl th {
    width: 30%;
    border-bottom: 1px solid #c9c2bc;
    white-space: nowrap
  }
  .access-tbl tr:last-child th {
    border-bottom: none
  }
  .access-tbl td {
    width: 65%
  }
  .access-bnr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 508px;
    margin: 25px auto 0
  }
  .access-bnr li {
    margin-bottom: 0
  }
  .access-bnr li:first-child {
    margin-right: auto
  }
  .access-box .access-img {
    margin-bottom: 25px
  }
  .tab.faq-menu {
    margin: 40px 0;
    font-size: .875rem
  }
  .faq-menu-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
  }
  .faq-menu-wrap .tit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 15%;
    margin-right: auto;
    border-right: solid 1px #c9c2bc
  }
  .faq-menu-wrap .txt {
    width: 81%
  }
  .content.faq-menu .layer-header {
    margin-bottom: 25px
  }
  .accordion_dl.faq-menu dd, .accordion_dl.faq-menu dt, .accordion_dl.faq-menu dt h3 {
    font-size: .875rem
  }
  .tab.photo-gallery-menu {
    margin: 40px 0;
    font-size: .875rem
  }
  .modaal-gallery-control {
    top: 43%!important
  }
  .slide-area {
    max-width: 700px;
    margin: 0 auto
  }
  .slick-next, .slick-prev {
    top: 40%!important
  }
  .slick-next {
    right: 30px!important
  }
  .slick-prev {
    left: 30px!important
  }
  .facilities-services-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 100%;
    margin: 30px auto
  }
  .facilities-services-wrap .facilities-services-wrap__inner, .facilities-services-wrap02 .facilities-services-wrap02__inner, .facilities-services-wrap03 .facilities-services-wrap03__inner {
    margin-bottom: 0;
    padding: 20px
  }
  .facilities-services-wrap .facilities-services-wrap__inner {
    width: 48.5%;
    margin: 0 3% 3% 0
  }
  .facilities-services-wrap .facilities-services-wrap__inner:nth-child(2n) {
    margin-right: 0
  }
  .facilities-services-wrap02 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    max-width: 100%;
    margin: 0 auto
  }
  .facilities-services-wrap02 .facilities-services-wrap02__inner {
    width: 31.3%;
    margin-right: 3%
  }
  .facilities-services-wrap02 .facilities-services-wrap02__inner:last-child {
    margin-right: 0
  }
  .facilities-services-wrap03 {
    max-width: 100%;
    margin: 70px auto
  }
  .facilities-services-wrap03 .facilities-services-wrap03__inner {
    width: 100%;
    margin-bottom: 0
  }
  .tab.facilities-services-menu {
    max-width: 90%;
    margin: 0 auto 40px;
    font-size: .875rem
  }
  .tab.facilities-services-menu li {
    max-width: 48%;
    margin-right: 2%;
    padding: 3% 0
  }
  .facilities-services-wrap04 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 100%;
    margin: 0 auto
  }
  .facilities-services-wrap04__img {
    max-width: 60%;
    margin-right: auto
  }
  .facilities-services-wrap04__txt {
    max-width: 35%
  }
  .indoor-map {
    max-width: 860px;
    margin: 30px auto 0
  }
  .indoor-map iframe {
    width: 100%;
    height: 480px
  }
  .thumb-item {
    max-width: 700px
  }
  .thumb-item-nav {
    max-width: 700px
  }
  .guest-room-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding: 15px
  }
  .guest-room-wrap__inner {
    width: 48%;
    margin: 0 3% 0 0
  }
  .guest-room-wrap__inner:last-child {
    margin-right: 0
  }
  .guest-room-wrap02 .guest-room-wrap02__inner {
    width: 18%;
    margin: 0 2% 2% 0;
    font-size: .8125rem
  }
  .guest-room-wrap02 .guest-room-wrap02__inner:nth-child(3n) {
    margin-right: 3%
  }
  .guest-room-wrap02 .guest-room-wrap02__inner:nth-child(5n) {
    margin-right: 0
  }
  .guest-room-wrap03 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
  }
  .guest-room-wrap03 .guest-room-wrap03__inner {
    width: 23%;
    margin-right: 3%;
    margin-bottom: 0
  }
  .guest-room-wrap03 .guest-room-wrap03__inner:last-child {
    margin-right: 0
  }
  .food-menu .food-menu-wrap:not(:last-child) {
    padding: 8% 0 10%
  }
  .food-menu .food-menu-wrap:last-child {
    padding-top: 8%
  }

  .top__news li a dl {
		display: block;
	}
	.top__news li a dl dt {
		width: 100%;
	}
	.top__news li a dl dd {
		margin-left: 0;
		width: 100%;
	}
  .top__btn__wrap .top__btn {
    width: 32%;
    margin: 0 2% 2% 0;
  }
  .top__btn__wrap .top__btn:nth-child(2n) {
    margin-right: 2%;
  }
  .top__btn__wrap .top__btn:nth-child(3n) {
    margin-right: 0;
  }
  .top__btn__wrap .top__btn a {
    font-size: 10px;
  }


}

@media print, screen and (min-width:56.25em) {
  .p-nav-wrap .p-nav-13 {
    display: none
  }
  .insta-area {
    display: none
  }
  .p-nav-12.u-sp {
    display: block!important
  }
  .la-en {
    display: block!important
  }
  .p-nav-lang {
    width: 120px
  }
  .p-nav-lang a {
    font-size: 12px
  }
  .p-footer {
    max-width: 1340px;
    margin: 0 auto
  }
  .ie11 .p-footer {
    width: 1340px
  }
  .p-ft-gmap-wrap iframe {
    height: 480px
  }
  .p-ft-access-wrap {
    max-width: 1200px;
    margin: 50px auto 0;
    padding-bottom: 50px;
    border-bottom: 1px solid #bebebe
  }
  .p-ft-wrap {
    max-width: 1200px;
    margin: 0 auto;
    padding-top: 50px;
    padding-bottom: 16px
  }
  .ie11 .p-ft-wrap {
    width: 1080px
  }
  .page-2nd .p-ft-wrap {
    padding-top: 30px
  }
  .p-ft-contact-wrap {
    width: 417px;
    margin: 0;
    padding: 0 10px;
    float: right;
    border-top: none
  }
  .p-ft-logo span {
    font-size: 1rem
  }
  .p-ft-tel {
    padding: 15px 0;
    border-top: 1px solid #075c36;
    border-bottom: 1px solid #075c36
  }
  .p-ft-telnum {
    font-size: 2.5rem;
    line-height: 1
  }
  .p-ft-telnum span {
    font-size: 1.25rem
  }
  .p-ft-faxnum {
    font-size: 1.25rem
  }
  .p-ft-address {
    font-size: 1rem
  }
  .p-ft-img {
    width: 56%;
    float: left
  }
  .p-ft-pcbtn {
    width: 334px;
    margin: 20px auto 0
  }
  .p-ft-pcbtn .icon-mail {
    display: inline-block;
    width: 23px;
    height: 14px
  }
  .p-ft-pcbtn a {
    padding: 10px
  }
  .p-copyright-wrap {
    max-width: 1340px;
    margin: 0 auto;
    padding-bottom: 300px
  }
  .footer_link {
    margin-bottom: 0;
    padding: 10px 0;
    float: left;
    font-size: .75rem
  }
  .p-copyright {
    padding: 10px 0;
    float: right;
    font-size: .75rem
  }
  .p-aside-subject--title {
    font-size: 1rem
  }
  .p-aside-subject--txt {
    font-size: .875rem
  }
  .p-aside-lists li {
    /*font-size: .875rem*/
    font-size: .75rem;
  }
  .top-news-wrap {
    margin-top: 0
  }
  .top-news-wrap .more-btn {
    font-size: 1.125rem
  }
  .top-bnr-area {
    margin: 80px 0 100px;
    padding: 24px 0 15px;
    background: #f1f0ea;
    text-align: center
  }
  .top-bnr-area ul {
    max-width: 790px;
    margin: 0 auto
  }
  .news-article {
    max-width: 1200px
  }
  .news-data {
    margin-bottom: .2rem;
    font-size: .937rem
  }
  .news-tit {
    font-size: .937rem
  }
  .single-posts-subject {
    margin-bottom: 40px;
    padding-bottom: 20px
  }
  .single-posts-cat {
    padding: 2px 10px 3px
  }
  #toggle_f {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40px;
    padding-top: 8px;
    border-top: 1px solid #fff;
    background: #c9af14;
    color: #fff;
    font-size: 15px;
    text-align: center;
    cursor: pointer
  }
  #toggle_f span {
    color: #fff
  }
  #toggle_f span.open {
    display: none
  }
  #top-reserve-search-wrap {
    display: block;
    z-index: 9999;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%
  }
  .top-reserve-search-inner {
    position: absolute;
    bottom: -500px;
    width: 100%;
    padding: 15px 0 25px;
    background: rgba(255, 255, 255, .9);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out
  }
  .reserve-search-head {
    margin-bottom: 0;
    font-size: 20px;
    font-weight: 500;
    text-align: center
  }
  .open-nav_f #toggle_f {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40px;
    padding-top: 8px;
    border-top: 1px solid #fff;
    background: #c9af14;
    color: #fff;
    font-size: 14px;
    text-align: center;
    cursor: pointer
  }
  .open-nav_f #toggle_f span.open {
    display: block
  }
  .open-nav_f #toggle_f span.open span {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-bottom: 3px;
    margin-left: 10px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-right: solid 2px #fff;
    border-bottom: solid 2px #fff
  }
  .open-nav_f #toggle_f span.close {
    display: none
  }
  .open-nav_f .top-reserve-search-inner {
    -webkit-transform: translateY(-535px);
    transform: translateY(-535px)
  }
  span.close {
    letter-spacing: 1px
  }
  span.close span {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-bottom: -3px;
    margin-left: 10px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-top: solid 2px #fff;
    border-left: solid 2px #fff
  }
  .search-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding-left: 0;
    font-size: .625rem;
    list-style: none
  }
  .search-menu li {
    width: auto;
    margin: 0 2% 0 0;
    border: 1px solid #aaa
  }
  .search-menu li:nth-child(2n) {
    margin-right: 2%
  }
  .search-menu li a {
    display: block;
    padding: 0 4px;
    color: #313131;
    text-align: center
  }
  .search-items-column--stay {
    width: 18%;
    float: left
  }
  .search-items-column--stay .search-input {
    width: 45%;
    margin-right: 0;
    float: left
  }
  .select-sex {
    width: 34%;
    float: right
  }
  .select-sex li {
    width: 43%;
    margin-top: 30px;
    font-size: .875rem
  }
  .select-sex span {
    width: 10px;
    margin: 0 5px
  }
  .select-sex li:last-child span {
    width: 12px
  }
  .search-notice {
    display: inline-block;
    font-size: .75rem
  }
  .top-search-btn {
    width: 17%;
    padding: 10px 30px 0 0;
    float: right
  }
  .top-search-btn .submit-btn {
    max-width: 100%;
    padding: 10px 0;
    font-size: .875rem
  }
  .picker {
    width: 460px
  }
  .top-concept-wrap {
    max-width: 1200px;
    margin: 0 auto 60px;
    padding-bottom: 60px;
    border-bottom: 1px solid #8b8078
  }
  .top-concept-body {
    max-width: 48%;
    margin: 0;
    float: left;
    font-size: .937rem;
    text-align: left
  }
  .top-concept-subtit {
    padding: 0 0 30px;
    font-size: 1.5rem;
    text-align: left
  }
  .top-concept-img {
    max-width: 50%;
    margin-top: 0;
    float: right
  }
  .top-point-wrap {
    max-width: 1200px;
    margin: 0 auto
  }
  .top-point-body {
    font-size: .937rem
  }
  .top-point-wrap .c-conts-head {
    padding: 12px 0
  }
  .mv-frame {
    width: 720px;
    height: 405px;
    margin: 0 auto 2rem;
    padding-top: 0
  }
  .top-point-img {
    max-width: 1200px
  }
  .top-point-lists li::after {
    bottom: 200px;
    left: 1rem;
    font-size: 3rem
  }
  .point-txt {
    top: 40%;
    bottom: 0;
    left: 3rem;
    padding-right: 3rem;
    font-size: 1rem;
    text-align: left
  }
  .point-txt span {
    position: relative;
    top: 15px;
    font-size: .875rem
  }
  .top-point-img {
    margin-top: 40px
  }
  .top-plan-bnr .u-btn .plan-link {
    padding: 135px 0;
    background: rgba(101, 176, 143, .9);
    font-size: 1.25rem
  }
  .top-plan-bnr .u-btn .plan-link .plan {
    padding: 10px 0;
    font-size: 1.25rem
  }
  .top-plan-bnr {
    padding: calc(100px + (158 - 100)*(100vw - 900px)/ (1140 - 900)) 0;
    background: url(/wpadm/wp-content/themes/grandcabin-yoyaku/assets/images/top/bg-plan--pc.jpg) center no-repeat;
    background-size: cover
  }
  .top-plan-bnr .plan-link {
    padding: 50px 0;
    font-size: 1rem
  }
  .top-plan-bnr .plan-link span {
    font-size: 1.875rem
  }
  .top-room-wrap {
    max-width: 1200px;
    margin: 0 auto
  }
  .top-room-body {
    width: 30%;
    margin: 0;
    float: left;
    font-size: .937rem
  }
  .top-room-body .more-btn {
    max-width: 357px;
    font-size: 1.125rem
  }
  .top-room-body dd, .top-room-body dt {
    font-size: .937rem
  }
  .top-room-img {
    width: 65%;
    margin-top: 0;
    float: right
  }
  .top-room-img li {
    margin-right: 4%;
    margin-bottom: 4%
  }
  .top-room-img li:nth-child(2n) {
    margin-right: 0
  }
  .top-breakfast-wrap {
    max-width: 1200px;
    margin: 0 auto;
    margin-top: 60px;
    padding: 30px 30px 75px;
    border: 1px solid #8b8078
  }
  .top-breakfast-wrap .top-breakfast-wrap__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-bottom: 40px
  }
  .top-breakfast-wrap .more-btn {
    position: absolute;
    right: 0;
    left: 0;
    width: 360px;
    margin: auto;
    font-size: 1.125rem
  }
  .top-breakfast-wrap .c-conts-head {
    padding: 0 0 30px
  }
  .top-breakfast-body {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    width: 100%;
    margin: 0;
    font-size: .937rem
  }
  .top-breakfast-img {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin: 0;
    margin: 0 auto 0 20px
  }
  .top-breakfast-body .c-table-layout th {
    width: 28%
  }
  .top-overview-wrap {
    max-width: 1200px;
    margin: 0 auto
  }
  [class*=top-overview-col] {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    max-width: 100%;
    margin: 0 auto 40px;
    font-size: .937rem
  }
  [class*=top-overview-col] th {
    width: 120px
  }
  .top-overview-col1 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
  }
  .top-overview-col2 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%
  }
  .top-instagram-wrap {
    margin-top: 0
  }
  .top-instagram-wrap .more-btn {
    font-size: 1.125rem
  }
  .top-instagram-item img {
    height: 16.5vw
  }
  .top-instagram-caption {
    display: block;
    z-index: 1;
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 20px;
    overflow: hidden;
    background-color: rgba(101, 176, 143, .9);
    color: #fff;
    font-size: .875rem;
    line-height: 1.6;
    opacity: 0;
    -webkit-transition: .4s;
    transition: .4s
  }
  .top-instagram-caption:hover {
    opacity: 1
  }
  .contact-txt {
    margin-bottom: 30px;
    padding-bottom: 30px;
    font-size: 1.125rem
  }
  .contact-att-txt {
    max-width: 68%;
    margin-bottom: 3%;
    font-size: 1rem
  }
  .u-btn-column .submit-btn {
    width: 190px;
    padding: 10px 10px
  }
  .access-box {
    margin: 70px 0;
    padding: 65px 30px 35px
  }
  .access-box02 {
    margin: 50px 0 65px
  }
  .layer-sec .layer-header {
    margin-bottom: 40px
  }
  .access-box .access-img {
    margin-bottom: 60px
  }
  .access-map {
    height: 480px;
    margin-bottom: 70px
  }
  .access-map-monorail {
    margin-bottom: 50px
  }
  .access-map-monorail02 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 0 80px 1em
  }
  .access-map-monorail02 p {
    width: 31%
  }
  .access-tbl {
    margin-bottom: 90px
  }
  .access-tbl th {
    padding: 20px 20px 20px 50px
  }
  .access-bnr {
    margin-bottom: 50px
  }
  .access-important {
    max-width: 80%;
    margin: 0 auto 1rem;
    padding: 1em 0
  }
  .access-tel {
    font-size: 1.25rem
  }
  .access-address, .access-txt {
    font-size: .875rem
  }
  .tab.faq-menu {
    max-width: 758px;
    margin: 50px auto 60px;
    font-size: 1.125rem
  }
  .tab.faq-menu li {
    width: 238px;
    margin-right: 22px;
    padding: 10px
  }
  .accordion_dl.faq-menu dd, .accordion_dl.faq-menu dt {
    font-size: 1.125rem
  }
  .accordion_dl.faq-menu dt {
    margin-top: 20px;
    padding: 15px 30px 10px 30px
  }
  .accordion_dl.faq-menu dd {
    padding: 15px 30px 30px
  }
  .accordion_dl.faq-menu dt:before {
    right: 45px
  }
  .accordion_dl.faq-menu dt:after {
    right: 45px
  }
  .accordion_dl.faq-menu dt h3 {
    padding-left: 10px;
    font-size: 1.125rem
  }
  .accordion_dl.faq-menu dt:before {
    top: 30%;
    width: 30px;
    height: 30px
  }
  .accordion_dl.faq-menu dt:after {
    top: 30%;
    width: 30px;
    height: 30px;
    margin-top: -11px
  }
  .accordion_dl.faq-menu dt.active:before {
    margin-top: 10px
  }
  .accordion_dl.faq-menu dt.active:after {
    margin-top: 13px
  }
  .slide-area {
    max-width: 980px;
    margin: 0 auto
  }
  .privacy-txt {
    margin-bottom: 65px
  }
  .privacy-list dd {
    margin-bottom: 45px
  }
  .privacy-list-none {
    padding-left: 1.5rem
  }
  .thumb-item {
    max-width: 740px
  }
  .thumb-item-nav {
    max-width: 740px
  }
  .guest-room-wrap {
    max-width: 740px;
    margin: 40px auto 60px;
    padding: 30px 40px
  }
  .guest-room-wrap h3 {
    font-size: 1.125rem
  }
  .guest-room-wrap .txt {
    font-size: .9375rem
  }
  .guest-room-wrap__inner {
    width: 300px;
    margin: 0 60px 0 0
  }
  .guest-room-tbl {
    max-width: 740px;
    margin: 0 auto 60px
  }
  .ie11 .guest-room-tbl {
    width: 740px
  }
  .guest-room-tbl td, .guest-room-tbl th {
    display: table-cell;
    width: auto
  }
  .guest-room-tbl th {
    padding: 15px 30px 0;
    border-bottom: 1px solid #c9c2bc;
    vertical-align: top;
    white-space: nowrap
  }
  .guest-room-tbl tr:last-child th {
    border-bottom: none
  }
  .guest-room-tbl td {
    margin-bottom: 0;
    padding: 15px 0 15px 30px;
    border-bottom: 1px solid #c9c2bc
  }
  .guest-room-tbl ul {
    margin-top: 10px;
    padding-left: 20px
  }
  .ie11 .guest-room-wrap02 {
    width: 520px
  }
  .guest-room-wrap02 .guest-room-wrap02__inner {
    width: 18.2%;
    margin: 0 2% 2% 0;
    font-size: .8125rem
  }
  .guest-room-wrap02 .guest-room-wrap02__inner:nth-child(3n) {
    margin-right: 3%
  }
  .guest-room-wrap02 .guest-room-wrap02__inner:nth-child(5n) {
    margin-right: 0
  }
  .guest-room-wrap03 {
    max-width: 980px;
    margin: 0 auto
  }
  .guest-room-wrap03 .guest-room-wrap03__inner {
    width: 280px;
    margin-right: 25px
  }
  .guest-room-wrap03 .guest-room-wrap03__inner .txt {
    font-size: .9375rem
  }
  .food-menu .food-menu-morning-wrap .food-menu-items {
    margin-top: 0
  }
  .food-menu .food-menu-wrap:not(:last-child) {
    padding: 4% 0 6%
  }
  .food-menu .food-menu-wrap:last-child {
    padding-top: 4%
  }
  .food-menu .food-menu-items-takeout::after {
    top: auto;
    right: 4%;
    bottom: 0;
    left: auto;
    width: 50px;
    height: 50px
  }
  .food-menu .food-menu-grand-wrap .food-menu-name {
    margin-top: 4%
  }
  .food-menu .food-menu-grand-wrap .food-menu-items-full .food-menu-name {
    margin-top: 1%
  }
  .food-menu .food-menu-drink-img {
    -ms-flex-preferred-size: 57.4%;
    flex-basis: 57.4%;
    margin-right: 6.6%
  }
  .food-menu .food-menu-drink-txtarea {
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%
  }
  .food-menu .food-menu-drink-txtarea::after {
    bottom: 0
  }

  .top__btn__wrap .top__btn a {
    font-size: 13px;
  }
  /*.top__news_category {
    width: 15em;
  }*/
  .single-posts-cat {
    font-size: .812rem;
  }
}

@media print, screen and (min-width:71.25em) {
  .p-header {
    height: 120px;
    background: #fff
  }
  .p-header.fixed {
    height: 40px
  }
  .p-hd-logo {
    height: auto;
    padding-top: 20px;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -webkit-transition: all .3s;
    transition: all .3s
  }
  .p-header.fixed .p-hd-logo {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    opacity: 0
  }
  .p-header.fixed .insta-area {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    opacity: 0
  }
  .p-nav-wrap {
    top: auto;
    right: auto;
    width: 100%;
    height: auto;
    padding-top: 21px;
    overflow-y: unset;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    background: 0 0;
    -webkit-transition: all .3s;
    transition: all .3s
  }
  .p-header.fixed .p-nav-wrap {
    position: fixed;
    top: 0;
    padding-top: 0
  }
  .p-nav-inner {
    overflow-y: visible
  }
  .p-nav-inner {
    text-align: center
  }
  .p-nav-lists {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 40px;
    margin-right: 220px;
    background: #fff
  }
  .p-nav-lists li {
    border-right: 1px solid #313131;
    text-align: center
  }
  .p-nav-wrap .p-nav-07, .p-nav-wrap .p-nav-08 .p-nav-wrap .p-nav-09, .p-nav-wrap .p-nav-10, .p-nav-wrap .p-nav-11, .p-nav-wrap .p-nav-13 {
    border-right: none
  }
  .p-nav-wrap li a {
    display: block;
    padding: 0 6px;
    border-bottom: none;
    color: #fff;
    font-size: calc(.815rem + (.875 - .815)*(100vw - 1140px)/ (1200 - 1140));
    line-height: 1.2
  }
  .p-nav-wrap .p-nav-10 a, .p-nav-wrap .p-nav-11 a {
    width: 122px;
    padding: 12px 10px;
    color: #fff;
    font-size: .75rem!important
  }
  .p-nav-wrap .p-nav-11 a {
    padding: 10px 15px
  }
  .p-nav-wrap .p-nav-13 {
    display: block;
    position: relative
  }
  .p-nav-wrap .icon-calendar, .p-nav-wrap .icon-mail {
    display: inline-block;
    width: 20px;
    margin-right: 10px;
    float: none;
    line-height: 1.2;
    vertical-align: top
  }
  .p-nav-wrap .icon-mail {
    height: 16px
  }
  .p-nav-wrap .icon-calendar {
    width: 18px;
    height: 20px;
    vertical-align: text-top
  }
  .p-nav-wrap .icon-points {
    position: absolute;
    left: 0;
    width: 20px;
    height: 26px;
    line-height: 1.2
  }
  .p-nav-lang {
    padding: .5rem .3rem;
    font-size: 1rem;
    cursor: pointer
  }
  .p-nav-langlists {
    top: 42px;
    left: 0
  }
  .p-nav-langlists li {
    border: none
  }
  .p-nav-inner .p-nav-langlists li a {
    padding: .5rem;
    color: #00381f;
    font-size: .815rem
  }
  .p-nav-wrap li a {
    color: #67564a
  }
  .p-nav-wrap li .p-nav-lang a {
    position: relative;
    padding: 0 0 0 20px;
    color: #b59f14;
    font-size: 70%
  }
  .p-nav-wrap .p-nav-10 a, .p-nav-wrap .p-nav-11 a {
    font-size: .875rem
  }
  .la-en {
    display: none!important
  }
  .p-nav-lists02 {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
    position: relative;
    margin-top: -40px;
    margin-right: 0;
    float: right
  }
  .p-nav-12.u-sp {
    display: none!important
  }
  .insta-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: -30px;
    margin-right: 1%;
    float: right;
    color: #67564a;
    font-size: .8125rem;
    align-items: center;
  }
  .insta-area .insta-area-img, .insta-area .insta-area-txt {
    margin-bottom: 0;
    line-height: 1.3
  }
  .icon-area {
    margin-bottom: -10px
  }
  .insta-area .insta-area-img {
    margin-right: 5px
  }
  .indoor-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: -30px;
    margin-right: 0;
    float: right;
    color: #67564a;
    font-size: .8125rem;
    align-items: center;
  }
  .indoor-area .indoor-area-img, .indoor-area .indoor-area-txt {
    margin-bottom: 0;
    line-height: 1.3
  }
  .indoor-area .indoor-area-img {
    margin-right: 5px
  }
  .line-area .line-area-img, .line-area .line-area-txt {
    margin-bottom: 0;
    line-height: 1.3
  }
  .line-area .line-area-img {
    margin-right: 5px;
    width: 28px;
    height: 28px;
  }

  .cansell-area {
    margin-top: -31px;
    margin-right: 1%;
    float: right
  }
  .p-nav-lang {
    width: 130px;
    height: 40px;
    padding: .25rem .5rem
  }
  .p-nav-lang a {
    font-size: 80%
  }
  .p-hd-hamburger {
    display: none
  }
  .p-ft-contact-wrap {
    margin-right: 80px
  }
  .ie11 .p-ft-contact-wrap {
    margin-right: 0
  }
  .u-fixed-indoor {
    position: fixed;
    right: 0;
    bottom: 38%;
    opacity: 0;
    -webkit-transition: all .3s;
    transition: all .3s
  }
  .u-fixed-indoor.on {
    opacity: 1
  }
  .p-copyright-wrap {
    padding-bottom: 60px
  }
  .page-2nd .p-main-conts {
    padding-top: 120px
  }
  .page-2nd .p-sec-wrap {
    max-width: 1200px;
    padding: 40px 0 80px
  }
  .ie11 .page-2nd .p-sec-wrap {
    width: 1200px
  }
  .p-sec-main {
    -ms-flex-preferred-size: 71.7%;
    flex-basis: 71.7%
  }
  .ie11 .p-sec-main {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
  }
  .ie11 .p-sec-main.archive-main {
    -ms-flex-preferred-size: 71.7%;
    flex-basis: 71.7%
  }
  .p-sec-main--aside {
    -ms-flex-preferred-size: 23%;
    flex-basis: 23%;
    margin-top: 0;
    margin-left: 5%
  }
  .top-slide li {
    overflow: hidden
  }
  .top-slide li img {
    margin: 0 auto
  }
  .search-menu {
    font-size: .6875rem
  }
  .search-menu li:nth-child(2n) {
    margin-right: 2%
  }
  .search-menu li a {
    padding: 0 8px
  }
  .search-items-column--stay {
    width: 15%
  }
  .select-sex {
    width: 31%
  }
  .top-search-btn {
    width: 18%
  }
  .top-concept-body {
    max-width: 420px
  }
  .top-concept-subtit {
    padding: 0 0 60px
  }
  .top-concept-img {
    max-width: 700px;
    float: right
  }
  .top-wrap h2 {
    font-size: 1.5rem
  }
  .top-wrap .c-conts-head {
    margin: 60px 0 20px;
    padding: 0 10px
  }
  .top-body {
    max-width: 945px;
    margin: 0 auto 60px;
    padding: 5px 5px 0;
    border-top: 1px solid #c9c2bc;
    border-bottom: 1px solid #c9c2bc
  }
  .top-body p {
    margin-bottom: 5px;
    font-size: 1.125rem;
    text-align: center
  }
  .point-txt {
    top: 48%;
    font-size: 1.125rem
  }
  .top-plan-bnr {
    height: 500px;
    margin-bottom: 40px;
    padding: 150px 0
  }
  .top-plan-bnr .u-btn {
    width: 28.6%
  }
  .tab.photo-gallery-menu {
    max-width: 640px;
    margin: 100px auto;
    font-size: 1.125rem
  }
  .tab.photo-gallery-menu li {
    width: 200px;
    margin-right: 20px;
    padding: 10px
  }
  .content.photo-gallery-menu {
    width: 1200px
  }
  .photo-gallery-wrap p {
    width: 280px;
    margin: 0 25px 25px 0
  }
  .photo-gallery-wrap p:nth-child(2n) {
    margin-right: 25px
  }
  .photo-gallery-wrap p:nth-child(4n) {
    margin-right: 0
  }
  .photo-gallery-wrap p:hover {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: #000 url(../images/photo-gallery/zoom-icon.png) no-repeat center
  }
  .photo-gallery-wrap p img:hover {
    display: block;
    opacity: .7
  }
  .photo-gallery-wrap a {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none
  }
  .modaal-gallery-prev {
    left: 20px!important
  }
  .modaal-gallery-next {
    right: 20px!important
  }
  .modaal-gallery-control {
    top: 50%!important
  }
  .modaal-gallery-next-inner {
    margin-left: -69px!important
  }
  .slide-area {
    max-width: 1200px;
    margin: 0 auto
  }
  .slick-next, .slick-prev {
    top: 43%!important
  }
  .slick-next {
    right: 46px!important
  }
  .slick-prev {
    left: 30px!important
  }
  .facilities-services-txt {
    margin-bottom: 25px;
    text-align: center
  }
  .facilities-services-wrap {
    max-width: 1165px;
    margin: 50px auto 35px
  }
  .facilities-services-wrap .facilities-services-wrap__inner, .facilities-services-wrap02 .facilities-services-wrap02__inner {
    margin-bottom: 0;
    padding: 45px 40px 30px
  }
  .facilities-services-wrap .facilities-services-wrap__inner {
    max-width: 550px;
    margin: 0 40px 40px 0
  }
  .facilities-services-wrap .facilities-services-wrap__inner h3 {
    margin: 25px 0 15px;
    font-size: .9375rem
  }
  .facilities-services-wrap .facilities-services-wrap__inner p {
    margin-bottom: 20px;
    font-size: .875rem
  }
  .facilities-services-wrap02 {
    max-width: 1165px;
    margin: 0 auto
  }
  .facilities-services-wrap02 .facilities-services-wrap02__inner {
    width: 360px;
    margin-right: 30px
  }
  .facilities-services-wrap02 .facilities-services-wrap02__inner h3 {
    margin: 25px 0 15px;
    font-size: .9375rem
  }
  .facilities-services-wrap02 .facilities-services-wrap02__inner p {
    font-size: .875rem
  }
  .facilities-services-wrap03 {
    max-width: 1145px
  }
  .facilities-services-wrap03 .facilities-services-wrap03__inner h3 {
    margin: 25px 0 15px;
    font-size: .9375rem
  }
  .facilities-services-wrap03 .facilities-services-wrap03__inner p {
    margin-bottom: 0;
    padding-right: 34px;
    font-size: .875rem
  }
  .tab.facilities-services-menu {
    max-width: 775px;
    margin: 0 auto 55px;
    font-size: 1.125rem
  }
  .tab.facilities-services-menu li {
    max-width: 368px;
    margin-right: 40px;
    padding: 10px
  }
  .facilities-services-wrap04 {
    max-width: 910px;
    margin: 0 auto
  }
  .facilities-services-wrap04__img {
    max-width: 640px;
    margin-right: 35px
  }
  .facilities-services-wrap04__txt {
    max-width: 235px
  }
  .facilities-services-wrap04__txt h3 {
    margin-bottom: 25px;
    font-size: .875rem
  }
  .facilities-services-wrap04__txt dl {
    margin-bottom: 30px;
    font-size: .875rem
  }
  .facilities-services-wrap04__txt dl dd {
    margin-bottom: 0
  }
  .thumb-item {
    max-width: 1200px;
    margin-top: 35px
  }
  .guest-room-wrap03 {
    max-width: 1200px;
    margin: 0 auto
  }
  .food-menu p {
    font-size: 1rem;
    letter-spacing: 0
  }
  .food-menu .layer-header h2 {
    margin-bottom: 1rem;
    line-height: 1.5rem
  }
  .food-menu .layer-header span {
    font-size: 1rem
  }
  .food-menu .food-menu-wrap:not(:last-child) {
    padding: 6% 0
  }
  .food-menu .food-menu-wrap:last-child {
    padding-top: 6%
  }
  .food-menu .food-menu-set {
    font-size: .875rem
  }
}

@media print, screen and (min-width:83.75em) {
  .p-nav-wrap li a {
    padding: 0 15px;
    color: #67564a;
    font-size: .875rem
  }
  .p-nav-wrap li .p-nav-lang a {
    color: #b59f14;
    font-size: .75rem
  }
  .p-nav-wrap .p-nav-10 a, .p-nav-wrap .p-nav-11 a {
    font-size: .875rem
  }
}

@media screen and (min-width:1500px) {
  .p-nav-lists {
    margin-right: 40px
  }
  .p-nav-lists02 {
    margin-right: 0
  }
}