@charset "UTF-8";
/*============================================
responsive
============================================*/
.inner {
  max-width: 1140px;
  margin: 0 auto;
}
@media screen and (max-width: 897px) {
  .inner {
    margin: 0 20px;
  }
}

p {
  text-align: justify;
  text-justify: inter-ideograph;
}

/*============================================
view-main
============================================*/
.view-main {
  margin: 0 60px;
}
@media screen and (max-width: 897px) {
  .view-main {
    margin: 0 20px;
  }
}
.view-main .inbox {
  max-width: 1480px;
  margin: 0 auto;
  background: #222;
  border-radius: 15px;
  position: relative;
}
.view-main .inbox::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 15px;
}
@media screen and (max-width: 897px) {
  .view-main .inbox::before {
    background-color: inherit;
  }
}
.view-main .inbox .pankuzu {
  position: absolute;
  top: 4%;
  left: 2%;
}
@media screen and (max-width: 897px) {
  .view-main .inbox .pankuzu {
    display: none;
  }
}
.view-main .inbox .pankuzu ul {
  display: flex;
  justify-content: flex-start;
  font-size: 1.3rem;
}
@media screen and (max-width: 897px) {
  .view-main .inbox .pankuzu ul {
    font-size: 1.1rem;
  }
}
.view-main .inbox .pankuzu ul li {
  color: #fff;
}
.view-main .inbox .pankuzu ul li:not(:last-of-type) {
  padding: 0 15px 0 0;
}
.view-main .inbox .pankuzu ul li:not(:last-of-type)::after {
  content: ">";
  padding: 0 0 0 15px;
}
.view-main .inbox .pankuzu ul li a {
  color: #fff;
}
.view-main .inbox .ttl {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  text-align: center;
  color: #fff;
}
@media screen and (max-width: 897px) {
  .view-main .inbox .ttl {
    width: 100%;
    top: 10%;
    transform: translateY(0) translateX(-50%);
    color: #222;
  }
}
.view-main .inbox .ttl span {
  font-size: 4.4rem;
  font-family: eb-garamond, serif;
  font-weight: 500;
  font-style: normal;
  letter-spacing: 4px;
}
@media screen and (max-width: 897px) {
  .view-main .inbox .ttl span {
    font-size: 3.0rem;
    line-height: 1.2;
    letter-spacing: 0;
  }
}
.view-main .inbox .ttl h1 {
  font-size: 1.8rem;
  letter-spacing: 1px;
}
@media screen and (max-width: 897px) {
  .view-main .inbox .ttl h1 {
    font-size: 1.6rem;
  }
}
.view-main .inbox.main {
  min-height: 50vh;
}
@media screen and (max-width: 897px) {
  .view-main .inbox.main {
    min-height: 10vh;
  }
}
.view-main .inbox.sub {
  min-height: 30vh;
}
@media screen and (max-width: 897px) {
  .view-main .inbox.sub {
    min-height: 10vh;
  }
}
.view-main .inbox.appeal-bg {
  background: url("../img/appeal/appeal-bg.jpg");
  background-size: cover;
  background-position: center;
}
@media screen and (max-width: 897px) {
  .view-main .inbox.appeal-bg {
    background: none;
  }
}
.view-main .inbox.day-bg {
  background: url("../img/appeal/appeal-bg.jpg");
  background-size: cover;
  background-position: center;
}
@media screen and (max-width: 897px) {
  .view-main .inbox.day-bg {
    background: none;
  }
}
.view-main .inbox.camp-bg {
  background: url("../img/camp/camp-bg.jpg");
  background-size: cover;
  background-position: center;
}
@media screen and (max-width: 897px) {
  .view-main .inbox.camp-bg {
    background: none;
  }
}
.view-main .inbox.cafe-bg {
  background: url("../img/cafe/cafe-bg.jpg");
  background-size: cover;
  background-position: center bottom;
}
@media screen and (max-width: 897px) {
  .view-main .inbox.cafe-bg {
    background: none;
  }
}
.view-main .inbox.common-bg {
  background: url("../img/common/common-bg.jpg");
  background-size: cover;
  background-position: center;
}
@media screen and (max-width: 897px) {
  .view-main .inbox.common-bg {
    background: none;
  }
}

/*============================================
headline
============================================*/
.ap-headline {
  padding: 120px 0;
  border-bottom: 1px solid #E7E7E7;
}
@media screen and (max-width: 897px) {
  .ap-headline {
    padding: 40px 0;
  }
}
.ap-headline h2 {
  text-align: center;
  font-size: 2.0rem;
  font-weight: 100;
  padding: 0 0 20px 0;
}
@media screen and (max-width: 897px) {
  .ap-headline h2 {
    font-size: 1.85rem;
    padding: 0;
  }
}
.ap-headline p {
  padding: 40px 0 0 0;
  line-height: 3.0;
  text-align: center;
}
@media screen and (max-width: 897px) {
  .ap-headline p {
    padding: 15px 0 0 0;
    line-height: 2.0;
    text-align: justify;
    text-justify: inter-ideograph;
  }
}

/*============================================
appeal
============================================*/
.appeal {
  padding: 120px 0;
  border-bottom: 1px solid #E7E7E7;
}
@media screen and (max-width: 897px) {
  .appeal {
    padding: 40px 0;
  }
}
.appeal__box .img img {
  border-radius: 15px;
}
@media screen and (max-width: 897px) {
  .appeal__box .img img {
    border-radius: 10px;
  }
}
.appeal__box .img .inbox {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 897px) {
  .appeal__box .img .inbox {
    border-radius: 10px;
  }
}
.appeal__box .img .inbox .item {
  width: 47%;
}
.appeal__box .txt {
  padding: 60px 120px 0 120px;
}
@media screen and (max-width: 897px) {
  .appeal__box .txt {
    padding: 20px 0 0 0;
  }
}
.appeal__box .txt span {
  font-size: 4.6rem;
  line-height: 1.2;
  font-family: eb-garamond, serif;
  font-weight: 500;
  font-style: normal;
}
@media screen and (max-width: 897px) {
  .appeal__box .txt span {
    font-size: 3.6rem;
  }
}
.appeal__box .txt h2 {
  font-weight: 300;
  font-size: 1.8rem;
  color: #717171;
  padding: 0 0 40px 0;
}
@media screen and (max-width: 897px) {
  .appeal__box .txt h2 {
    font-size: 1.5rem;
    padding: 0 0 10px 0;
  }
}

/*============================================
day
============================================*/
.day {
  padding: 120px 0;
  border-bottom: 1px solid #E7E7E7;
}
@media screen and (max-width: 897px) {
  .day {
    padding: 40px 0;
  }
}
.day__box .txt span {
  font-size: 4.6rem;
  line-height: 1.2;
  font-family: eb-garamond, serif;
  font-weight: 500;
  font-style: normal;
}
@media screen and (max-width: 897px) {
  .day__box .txt span {
    font-size: 3.6rem;
  }
}
.day__box .txt h2 {
  font-weight: 300;
  font-size: 1.8rem;
  color: #717171;
  padding: 0 0 40px 0;
}
@media screen and (max-width: 897px) {
  .day__box .txt h2 {
    font-size: 1.5rem;
    padding: 0 0 10px 0;
  }
}
.day__box .img .inbox {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.day__box .img .inbox .item {
  margin: 60px 0 0 0;
}
@media screen and (max-width: 897px) {
  .day__box .img .inbox .item {
    margin: 20px 0 0 0;
  }
}
.day__box .img .inbox .item:first-of-type {
  width: 100%;
}
.day__box .img .inbox .item:nth-child(2), .day__box .img .inbox .item:nth-child(3) {
  width: 47%;
}
.day__box .img img {
  border-radius: 15px;
}
@media screen and (max-width: 897px) {
  .day__box .img img {
    border-radius: 10px;
  }
}

/*============================================
headline
============================================*/
.co-headline {
  padding: 120px 0;
  border-bottom: 1px solid #E7E7E7;
}
@media screen and (max-width: 897px) {
  .co-headline {
    padding: 40px 0;
  }
}
.co-headline p {
  padding: 0;
  line-height: 3.0;
  text-align: center;
}
@media screen and (max-width: 897px) {
  .co-headline p {
    text-align: justify;
    text-justify: inter-ideograph;
    line-height: 2.0;
  }
}
.co-headline p:not(:last-of-type) {
  padding: 0 0 10px 0;
}
.co-headline .btn {
  max-width: 360px;
  margin: 60px auto 0 auto;
  border: 1px solid #ccc;
}
@media screen and (max-width: 897px) {
  .co-headline .btn {
    width: 100%;
    margin: 20px 0 0 0;
  }
}
.co-headline .btn a {
  display: block;
  text-align: center;
  padding: 15px;
  color: #85A5AF;
  font-weight: 700;
}
.co-headline .arrow {
  position: relative;
  display: inline-block;
  padding: 0 0 0 16px;
  color: #000;
  vertical-align: middle;
  text-decoration: none;
  font-size: 15px;
}
@media screen and (max-width: 897px) {
  .co-headline .arrow {
    font-size: 1.4rem;
  }
}
.co-headline .arrow::before, .co-headline .arrow::after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
}
.co-headline .sample1-2::before {
  right: 19px;
  width: 22px;
  height: 1px;
  background: #85A5AF;
}
@media screen and (max-width: 897px) {
  .co-headline .sample1-2::before {
    right: 5px;
    width: 12px;
    height: 1px;
  }
}
.co-headline .sample1-2::after {
  right: 20px;
  width: 11px;
  height: 13px;
  border-top: 1px solid #85A5AF;
  border-right: 1px solid #85A5AF;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
@media screen and (max-width: 897px) {
  .co-headline .sample1-2::after {
    right: 7px;
    width: 6px;
    height: 6px;
  }
}

/*============================================
liset
============================================*/
.list {
  padding: 120px 0;
  border-bottom: 1px solid #E7E7E7;
}
@media screen and (max-width: 897px) {
  .list {
    padding: 40px 0;
  }
}
.list__box {
  display: flex;
  justify-content: space-between;
}
.list__box__item {
  width: 47%;
}
.list__box__item .img img {
  border-radius: 15px;
}
@media screen and (max-width: 897px) {
  .list__box__item .img img {
    border-radius: 10px;
  }
}
.list__box__item .txt {
  padding: 40px 0 0 0;
}
@media screen and (max-width: 897px) {
  .list__box__item .txt {
    padding: 15px 0 0 0;
    font-size: 1.4rem;
  }
}
.list__box__item .txt span {
  font-size: 4.6rem;
  line-height: 1.2;
  font-family: eb-garamond, serif;
  font-weight: 500;
  font-style: normal;
}
@media screen and (max-width: 897px) {
  .list__box__item .txt span {
    font-size: 2.2rem;
  }
}
.list__box__item .txt h2 {
  font-weight: 300;
  font-size: 1.8rem;
  color: #717171;
  padding: 0 0 20px 0;
}
@media screen and (max-width: 897px) {
  .list__box__item .txt h2 {
    font-size: 1.3rem;
    padding: 0 0 10px 0;
  }
}
.list__box__item .txt .btn {
  margin: 40px auto 0 auto;
  border-top: 1px solid #ccc;
}
@media screen and (max-width: 897px) {
  .list__box__item .txt .btn {
    margin: 10px 0 0 0;
  }
}
.list__box__item .txt .btn a {
  display: block;
  padding: 20px 0;
  color: #85A5AF;
  font-weight: 700;
}
@media screen and (max-width: 897px) {
  .list__box__item .txt .btn a {
    padding: 10px 0;
    font-size: 1.4rem;
  }
}
.list__box__item .txt .arrow {
  position: relative;
  display: inline-block;
  padding: 0 0 0 16px;
  color: #000;
  vertical-align: middle;
  text-decoration: none;
  font-size: 15px;
}
.list__box__item .txt .arrow::before, .list__box__item .txt .arrow::after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
}
.list__box__item .txt .sample1-2::before {
  right: 0;
  width: 22px;
  height: 1px;
  background: #85A5AF;
}
@media screen and (max-width: 897px) {
  .list__box__item .txt .sample1-2::before {
    right: 5px;
    width: 12px;
    height: 1px;
  }
}
.list__box__item .txt .sample1-2::after {
  right: 2px;
  width: 11px;
  height: 13px;
  border-top: 1px solid #85A5AF;
  border-right: 1px solid #85A5AF;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
@media screen and (max-width: 897px) {
  .list__box__item .txt .sample1-2::after {
    right: 7px;
    width: 6px;
    height: 6px;
  }
}
.list__reserve {
  margin: 40px 0 0 0;
  display: flex;
  justify-content: space-between;
  background: #F8F8F6;
  border: 1px solid #E7E7E7;
  border-radius: 15px;
  padding: 0;
}
@media screen and (max-width: 897px) {
  .list__reserve {
    margin: 20px 0 0 0;
    display: block;
  }
}
.list__reserve__item {
  width: 50%;
}
@media screen and (max-width: 897px) {
  .list__reserve__item {
    width: 100%;
  }
}
.list__reserve__item:not(:last-of-type) {
  border-right: 1px solid #E7E7E7;
}
@media screen and (max-width: 897px) {
  .list__reserve__item:not(:last-of-type) {
    border-bottom: 1px solid #E7E7E7;
    border-right: none;
  }
}
.list__reserve .arrow {
  position: relative;
  font-weight: 700;
  text-align: center;
  display: block;
  padding: 30px;
  color: #000;
  vertical-align: middle;
  text-decoration: none;
  font-size: 15px;
}
@media screen and (max-width: 897px) {
  .list__reserve .arrow {
    text-align: left;
    padding: 15px;
    font-size: 1.4rem;
  }
}
.list__reserve .arrow::before, .list__reserve .arrow::after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
}
.list__reserve .sample1-2::before {
  right: 28px;
  width: 22px;
  height: 1px;
  background: #222;
}
@media screen and (max-width: 897px) {
  .list__reserve .sample1-2::before {
    right: 8px;
    width: 12px;
    height: 1px;
  }
}
.list__reserve .sample1-2::after {
  right: 30px;
  width: 11px;
  height: 11px;
  border-top: 1px solid #222;
  border-right: 1px solid #222;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
@media screen and (max-width: 897px) {
  .list__reserve .sample1-2::after {
    right: 10px;
    width: 6px;
    height: 6px;
  }
}
.list .cafe-tel {
  text-align: center;
  padding: 60px 0 0 0;
}
.list .cafe-tel p {
  text-align: center;
}
.list .cafe-tel .btn {
  max-width: 540px;
  margin: 60px auto 0 auto;
  border: 1px solid #ccc;
}
@media screen and (max-width: 897px) {
  .list .cafe-tel .btn {
    margin: 20px 0 0 0;
  }
}
.list .cafe-tel .btn a {
  display: block;
  text-align: center;
  padding: 30px;
  color: #222;
  background: #F8F8F6;
  font-weight: 700;
}
@media screen and (max-width: 897px) {
  .list .cafe-tel .btn a {
    font-size: 1.4rem;
    padding: 15px;
  }
}
.list .cafe-tel .arrow {
  position: relative;
  display: inline-block;
  padding: 0 0 0 16px;
  color: #000;
  vertical-align: middle;
  text-decoration: none;
  font-size: 15px;
}
.list .cafe-tel .arrow::before, .list .cafe-tel .arrow::after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
}
.list .cafe-tel .sample1-2::before {
  right: 19px;
  width: 22px;
  height: 1px;
  background: #222;
}
@media screen and (max-width: 897px) {
  .list .cafe-tel .sample1-2::before {
    right: 5px;
    width: 12px;
    height: 1px;
  }
}
.list .cafe-tel .sample1-2::after {
  right: 20px;
  width: 11px;
  height: 13px;
  border-top: 1px solid #222;
  border-right: 1px solid #222;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
@media screen and (max-width: 897px) {
  .list .cafe-tel .sample1-2::after {
    right: 7px;
    width: 6px;
    height: 6px;
  }
}

/*============================================
menu_att
============================================*/
.menu_att {
  margin-top: 30px;
}
.menu_att h4 {
  font-size: 1.7rem;
  font-weight: 400;
}

/*============================================
facilities
============================================*/
.facilities {
  padding: 120px 0;
  border-bottom: 1px solid #E7E7E7;
}
@media screen and (max-width: 897px) {
  .facilities {
    padding: 40px 0;
  }
}
.facilities.list {
  padding: 60px 0 120px 0;
}
@media screen and (max-width: 897px) {
  .facilities.list {
    padding: 20px 0 40px 0;
  }
}
.facilities__headline {
  text-align: center;
}
.facilities__headline img {
  border-radius: 15px;
}
.facilities__headline span {
  font-size: 4.6rem;
  line-height: 1.2;
  font-family: eb-garamond, serif;
  font-weight: 500;
  font-style: normal;
}
@media screen and (max-width: 897px) {
  .facilities__headline span {
    font-size: 3.6rem;
  }
}
.facilities__headline h2 {
  font-weight: 300;
  font-size: 1.8rem;
  color: #717171;
  padding: 0;
}
@media screen and (max-width: 897px) {
  .facilities__headline h2 {
    font-size: 1.5rem;
  }
}
.facilities__box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media screen and (max-width: 897px) {
  .facilities__box {
    display: block;
  }
}
.facilities__box__item {
  margin: 60px 0 0 0;
  width: 30%;
}
@media screen and (max-width: 897px) {
  .facilities__box__item {
    margin: 20px 0 0 0;
    width: 100%;
  }
}
.facilities__box__item .img img {
  border-radius: 15px;
}
@media screen and (max-width: 897px) {
  .facilities__box__item .img img {
    border-radius: 10px;
  }
}
.facilities__box__item .txt {
  padding: 15px 0 0 0;
}
@media screen and (max-width: 897px) {
  .facilities__box__item .txt {
    padding: 10px 0 0 0;
  }
}
.facilities__box__item .txt h3 {
  font-size: 1.7rem;
  font-weight: 400;
}
.facilities__box::after {
  content: "";
  width: 30%;
}

/*============================================
area
============================================*/
.area {
  padding: 120px 0 0 0;
}
@media screen and (max-width: 897px) {
  .area {
    padding: 40px 0 0 0;
  }
}
.area__box img {
  border-radius: 15px;
}
@media screen and (max-width: 897px) {
  .area__box img {
    border-radius: 10px;
  }
}

/*============================================
access
============================================*/
.access {
  padding: 120px 0;
}
@media screen and (max-width: 897px) {
  .access {
    padding: 40px 0;
  }
}
.access__headline {
  padding: 0 0 20px 0;
}
@media screen and (max-width: 897px) {
  .access__headline {
    padding: 0;
  }
}
.access__headline #google_map {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.access__headline #google_map iframe {
  border-radius: 15px;
}
.access__headline #google_map iframe, .access__headline #google_map object, .access__headline #google_map embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.access__box div {
  display: flex;
  justify-content: space-between;
  padding: 40px 0;
  border-bottom: 1px dotted #ccc;
}
@media screen and (max-width: 897px) {
  .access__box div {
    padding: 20px 0;
    display: block;
  }
}
.access__box div dt {
  font-weight: 400;
  font-size: 1.7rem;
  width: 25%;
}
@media screen and (max-width: 897px) {
  .access__box div dt {
    width: 100%;
  }
}
.access__box div dd {
  width: 75%;
}
@media screen and (max-width: 897px) {
  .access__box div dd {
    width: 100%;
  }
}
@media screen and (max-width: 897px) {
  .access__box div:last-of-type {
    border-bottom: none;
    padding: 20px 0 0 0;
  }
}

/*============================================
howto
============================================*/
.howto {
  padding: 120px 0;
  background: #F7F7F7;
}
@media screen and (max-width: 897px) {
  .howto {
    padding: 40px 0;
  }
}
.howto__headline h2 {
  font-size: 3.0rem;
  font-weight: 100;
  padding: 0 0 60px 0;
}
@media screen and (max-width: 897px) {
  .howto__headline h2 {
    font-size: 2.0rem;
    line-height: 1;
    padding: 0 0 20px 0;
  }
}
.howto__headline h3 {
  font-size: 2.0rem;
  font-weight: 400;
  padding: 0 0 30px 0;
}
@media screen and (max-width: 897px) {
  .howto__headline h3 {
    font-size: 1.8rem;
    padding: 0;
    line-height: 1;
  }
}
.howto__box {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 897px) {
  .howto__box {
    display: block;
  }
}
.howto__box__item {
  width: 47%;
}
@media screen and (max-width: 897px) {
  .howto__box__item {
    width: 100%;
    margin: 20px 0 0 0;
  }
}
.howto__box__item .img img {
  border-radius: 15px;
}
@media screen and (max-width: 897px) {
  .howto__box__item .img img {
    border-radius: 10px;
  }
}
.howto__box__item .txt {
  padding: 15px 0 0 0;
}
@media screen and (max-width: 897px) {
  .howto__box__item .txt {
    padding: 10px 0 0 0;
  }
}

/*============================================
tourism
============================================*/
.tourism {
  padding: 120px 0;
}
@media screen and (max-width: 897px) {
  .tourism {
    padding: 40px 0;
  }
}
.tourism__headline h2 {
  font-size: 3.0rem;
  font-weight: 100;
  padding: 0 0 20px 0;
}
@media screen and (max-width: 897px) {
  .tourism__headline h2 {
    font-size: 2.0rem;
    line-height: 1;
    padding: 0;
  }
}
.tourism__box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media screen and (max-width: 897px) {
  .tourism__box {
    display: block;
  }
}
.tourism__box__item {
  width: 47%;
}
@media screen and (max-width: 897px) {
  .tourism__box__item {
    width: 100%;
  }
}
.tourism__box__item dl {
  padding: 40px 0;
  border-bottom: 1px dotted #ccc;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 897px) {
  .tourism__box__item dl {
    padding: 020px 0;
    display: block;
  }
}
@media screen and (max-width: 897px) {
  .tourism__box__item dl dd {
    text-align: right;
  }
}

article .tourism:nth-child(even) {
  background: #f7f7f7;
}

/*============================================
reserve
============================================*/
.reserve {
  padding: 60px 0 120px 0;
  border-bottom: 1px solid #E7E7E7;
}
@media screen and (max-width: 897px) {
  .reserve {
    padding: 0 0 40px 0;
  }
}
.reserve__box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media screen and (max-width: 897px) {
  .reserve__box {
    display: block;
  }
}
.reserve__box__item {
  width: 47%;
  margin: 60px 0 0 0;
}
@media screen and (max-width: 897px) {
  .reserve__box__item {
    width: 100%;
    margin: 40px 0 0 0;
  }
}
.reserve__box__item .img img {
  border-radius: 15px;
}
@media screen and (max-width: 897px) {
  .reserve__box__item .img img {
    border-radius: 10px;
  }
}
.reserve__box__item .txt {
  padding: 40px 0 0 0;
}
@media screen and (max-width: 897px) {
  .reserve__box__item .txt {
    padding: 10px 0 0 0;
  }
}
.reserve__box__item .txt span {
  font-size: 4.6rem;
  line-height: 1.2;
  font-family: eb-garamond, serif;
  font-weight: 500;
  font-style: normal;
}
@media screen and (max-width: 897px) {
  .reserve__box__item .txt span {
    font-size: 3.6rem;
  }
}
.reserve__box__item .txt h2 {
  font-weight: 300;
  font-size: 1.8rem;
  color: #717171;
  padding: 0 0 20px 0;
}
@media screen and (max-width: 897px) {
  .reserve__box__item .txt h2 {
    font-size: 1.5rem;
    padding: 0 0 10px 0;
    line-height: 1;
  }
}
.reserve__box__item .txt .btn {
  margin: 40px auto 0 auto;
  border-top: 1px solid #ccc;
}
@media screen and (max-width: 897px) {
  .reserve__box__item .txt .btn {
    margin: 10px 0 0 0;
    border: 1px solid #ccc;
  }
}
.reserve__box__item .txt .btn a {
  display: block;
  padding: 20px 0;
  color: #85A5AF;
  font-weight: 700;
}
@media screen and (max-width: 897px) {
  .reserve__box__item .txt .btn a {
    padding: 15px;
  }
}
.reserve__box__item .txt .arrow {
  position: relative;
  display: inline-block;
  padding: 0 0 0 16px;
  color: #000;
  vertical-align: middle;
  text-decoration: none;
  font-size: 15px;
}
.reserve__box__item .txt .arrow::before, .reserve__box__item .txt .arrow::after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
}
.reserve__box__item .txt .sample1-2::before {
  right: 0;
  width: 22px;
  height: 1px;
  background: #85A5AF;
}
@media screen and (max-width: 897px) {
  .reserve__box__item .txt .sample1-2::before {
    right: 15px;
  }
}
.reserve__box__item .txt .sample1-2::after {
  right: 2px;
  width: 11px;
  height: 13px;
  border-top: 1px solid #85A5AF;
  border-right: 1px solid #85A5AF;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
@media screen and (max-width: 897px) {
  .reserve__box__item .txt .sample1-2::after {
    right: 17px;
  }
}

/*============================================
price
============================================*/
.price {
  padding: 120px 0;
  border-bottom: 1px solid #E7E7E7;
}
@media screen and (max-width: 897px) {
  .price {
    padding: 40px 0;
  }
}
.price__headline h2 {
  font-size: 3.0rem;
  font-weight: 100;
  padding: 0 0 40px 0;
}
@media screen and (max-width: 897px) {
  .price__headline h2 {
    font-size: 2.0rem;
    padding: 0 0 10px 0;
  }
}
.price__headline .top {
  padding: 0 0 40px 0;
}
@media screen and (max-width: 897px) {
  .price__headline .top {
    padding: 0 0 20px 0;
  }
}
.price__caption {
  margin: 0 0 40px 0;
  display: inline-block;
  border: 1px solid #f4f4f4;
  padding: 15px;
}
@media screen and (max-width: 897px) {
  .price__caption {
    margin: 0 0 20px 0;
    padding: 10px;
    font-size: 1.2rem;
    display: block;
  }
}
.price__box dl.price-tbl {
  border-top: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
}
.price__box dl.price-tbl div {
  display: flex;
  justify-content: space-between;
  padding: 40px 0;
  align-items: center;
}
@media screen and (max-width: 897px) {
  .price__box dl.price-tbl div {
    padding: 20px 0;
    display: block;
  }
}
.price__box dl.price-tbl div:not(:last-of-type) {
  border-bottom: 1px solid #e4e4e4;
}
.price__box dl.price-tbl div dt {
  font-weight: 400;
  font-size: 1.8rem;
}
.price__box dl.price-tbl div dd {
  text-align: right;
}
@media screen and (max-width: 897px) {
  .price__box dl.price-tbl div dd {
    font-size: 1.3rem;
  }
}
.price__box p {
  padding: 40px 0 0 0;
}
@media screen and (max-width: 897px) {
  .price__box p {
    padding: 10px 0 0 0;
  }
}
.price__box p:not(:first-of-type) {
  padding: 15px 0 0 0;
}
.price .sight__box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media screen and (max-width: 897px) {
  .price .sight__box {
    display: block;
  }
}
.price .sight__box__item {
  width: 31%;
}
@media screen and (max-width: 897px) {
  .price .sight__box__item {
    width: 100%;
  }
}
.price .sight__box__item .headline {
  border-bottom: 1px solid #ccc;
  padding: 0 0 20px 0;
  margin: 0 0 20px 0;
}
@media screen and (max-width: 897px) {
  .price .sight__box__item .headline {
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
  }
}
.price .sight__box__item .headline h3 {
  font-size: 2.0rem;
  font-weight: 400;
}
@media screen and (max-width: 897px) {
  .price .sight__box__item .headline h3 {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.4;
  }
}
.price .sight__box__item .headline p {
  font-size: 1.3rem;
}
.price .sight__box__item .txt p {
  padding: 15px 0 0 0;
  font-size: 1.4rem;
}
.price .sight__box__item .txt .price-dtl {
  background: #fff;
  border: 1px solid #e7e7e7;
  padding: 15px;
  font-weight: 500;
}
.price .sight__box__item:not(:last-of-type) {
  padding: 0 0 40px 0;
}
.price .sight__box__item:nth-child(1), .price .sight__box__item:nth-child(2), .price .sight__box__item:nth-child(3), .price .sight__box__item:nth-child(4) {
  width: 47%;
}
@media screen and (max-width: 897px) {
  .price .sight__box__item:nth-child(1), .price .sight__box__item:nth-child(2), .price .sight__box__item:nth-child(3), .price .sight__box__item:nth-child(4) {
    width: 100%;
  }
}
.price .sight__box .inbox {
  margin: 60px 0 0 0;
}
@media screen and (max-width: 897px) {
  .price .sight__box .inbox {
    margin: 0;
  }
}
.price .sight__box .inbox .price-dtl {
  background: #fff;
  border: 1px solid #e7e7e7;
  padding: 15px;
  font-size: 1.7rem;
  font-weight: 500;
}
.price .sight__box .inbox p {
  padding: 15px 0 0 0;
  font-size: 1.4rem;
}
.price .sight__box__btm {
  margin: 60px 0 0 0;
}
@media screen and (max-width: 897px) {
  .price .sight__box__btm {
    margin: 40px 0 0 0;
  }
}
.price .sight__box__btm h3 {
  font-size: 2.0rem;
  font-weight: 400;
  padding: 0 0 20px 0;
  margin: 0 0 20px 0;
  border-bottom: 1px solid #ccc;
}
@media screen and (max-width: 897px) {
  .price .sight__box__btm h3 {
    font-size: 1.8rem;
    font-weight: 700;
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
  }
}
.price .btn {
  max-width: 540px;
  margin: 60px auto 0 auto;
  border: 1px solid #ccc;
}
@media screen and (max-width: 897px) {
  .price .btn {
    margin: 20px 0 0 0;
  }
}
.price .btn a {
  display: block;
  text-align: center;
  padding: 30px;
  color: #222;
  background: #F8F8F6;
  font-weight: 700;
}
@media screen and (max-width: 897px) {
  .price .btn a {
    font-size: 1.4rem;
    padding: 15px;
  }
}
.price .arrow {
  position: relative;
  display: inline-block;
  padding: 0 0 0 16px;
  color: #000;
  vertical-align: middle;
  text-decoration: none;
  font-size: 15px;
}
.price .arrow::before, .price .arrow::after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
}
.price .sample1-2::before {
  right: 19px;
  width: 22px;
  height: 1px;
  background: #222;
}
@media screen and (max-width: 897px) {
  .price .sample1-2::before {
    right: 5px;
    width: 12px;
    height: 1px;
  }
}
.price .sample1-2::after {
  right: 20px;
  width: 11px;
  height: 13px;
  border-top: 1px solid #222;
  border-right: 1px solid #222;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
@media screen and (max-width: 897px) {
  .price .sample1-2::after {
    right: 7px;
    width: 6px;
    height: 6px;
  }
}

article .price:nth-child(even) {
  background: #f7f7f7;
}

/*============================================
terms
============================================*/
.terms {
  padding: 120px 0;
  border-bottom: 1px solid #E7E7E7;
}
@media screen and (max-width: 897px) {
  .terms {
    padding: 40px 0;
  }
}
.terms__headline h2 {
  font-size: 3.0rem;
  font-weight: 100;
  padding: 0 0 40px 0;
}
@media screen and (max-width: 897px) {
  .terms__headline h2 {
    font-size: 2.0rem;
    padding: 0 0 10px 0;
  }
}
.terms__headline .top {
  padding: 0 0 40px 0;
}
@media screen and (max-width: 897px) {
  .terms__headline .top {
    padding: 0 0 15px 0;
  }
}
.terms__box h3 {
  font-size: 2.0rem;
  font-weight: 100;
  padding: 0 0 20px 0;
  margin: 0 0 20px 0;
  border-bottom: 1px solid #ccc;
}
@media screen and (max-width: 897px) {
  .terms__box h3 {
    font-size: 1.5rem;
    font-weight: 700;
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
  }
}
.terms__box:not(:last-of-type) {
  padding: 0 0 60px 0;
}
@media screen and (max-width: 897px) {
  .terms__box:not(:last-of-type) {
    padding: 0 0 40px 0;
  }
}
.terms__box dl.terms-tbl {
  border-top: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
}
.terms__box dl.terms-tbl div {
  display: flex;
  justify-content: space-between;
  padding: 40px 0;
}
@media screen and (max-width: 897px) {
  .terms__box dl.terms-tbl div {
    padding: 20px 0;
    display: block;
  }
}
.terms__box dl.terms-tbl div:not(:last-of-type) {
  border-bottom: 1px solid #e4e4e4;
}
.terms__box dl.terms-tbl div dt {
  font-weight: 700;
  width: 20%;
}
@media screen and (max-width: 897px) {
  .terms__box dl.terms-tbl div dt {
    width: 100%;
  }
}
.terms__box dl.terms-tbl div dd {
  width: 80%;
  color: #666;
}
@media screen and (max-width: 897px) {
  .terms__box dl.terms-tbl div dd {
    text-align: left;
    width: 100%;
  }
}
.terms__box dl.terms-tbl div dd span {
  color: #222;
}
.terms__box .btm {
  padding: 40px 0 0 0;
}
@media screen and (max-width: 897px) {
  .terms__box .btm {
    padding: 15px 0 0 0;
  }
}
.terms__box p:not(:first-of-type) {
  padding: 15px 0 0 0;
}
.terms__box ol li {
  list-style-type: decimal;
  padding: 0 0 0 10px;
  margin: 0 0 0 20px;
}
.terms__box ol li ol {
  padding: 15px 0;
}
.terms__box ul li {
  padding: 0 0 0 10px;
  margin: 0 0 0 20px;
  list-style-type: disc;
}
.terms .caution__box:not(:last-of-type) {
  padding: 0 0 40px 0;
}
@media screen and (max-width: 897px) {
  .terms .caution__box:not(:last-of-type) {
    padding: 0 0 20px 0;
  }
}

article .terms:nth-child(even) {
  background: #f7f7f7;
}

/*============================================
salad
============================================*/
.salad {
  padding: 120px 0;
  border-bottom: 1px solid #E7E7E7;
}
@media screen and (max-width: 897px) {
  .salad {
    padding: 40px 0;
  }
}
.salad__headline {
  text-align: center;
  padding: 0 0 20px 0;
}
.salad__headline img {
  border-radius: 15px;
}
.salad__headline span {
  font-size: 4.6rem;
  line-height: 1.2;
  font-family: eb-garamond, serif;
  font-weight: 500;
  font-style: normal;
}
@media screen and (max-width: 897px) {
  .salad__headline span {
    font-size: 3.6rem;
  }
}
.salad__headline h2 {
  font-weight: 300;
  font-size: 1.8rem;
  color: #717171;
  padding: 0;
}
@media screen and (max-width: 897px) {
  .salad__headline h2 {
    font-size: 1.5rem;
  }
}
.salad__box__photo {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0 0 60px 0;
}
.salad__box__item {
  margin: 60px 0 0 0;
  width: 48%;
}
@media screen and (max-width: 897px) {
  .salad__box__item {
    margin: 40px 0 0 0;
    width: 100%;
  }
}
.salad__box__item .img img {
  border-radius: 15px;
}
@media screen and (max-width: 897px) {
  .salad__box__item .img img {
    border-radius: 10px;
  }
}
.salad__box__item .txt {
  padding: 15px 0 0 0;
}
@media screen and (max-width: 897px) {
  .salad__box__item .txt {
    padding: 10px 0 0 0;
  }
}
.salad__box__item .txt h3 {
  font-size: 1.8rem;
  font-weight: 400;
}
.salad__box__item .txt .price-dst {
  text-align: right;
  padding: 10px 0;
}
.salad__box dl div {
  display: flex;
  justify-content: space-between;
  padding: 40px 0;
  border-bottom: 1px solid #ccc;
  align-items: flex-end;
}
@media screen and (max-width: 897px) {
  .salad__box dl div {
    display: block;
    padding: 20px 0;
  }
}
.salad__box dl div dt h3 {
  font-size: 1.8rem;
  font-weight: 400;
}
@media screen and (max-width: 897px) {
  .salad__box dl div dt h3 {
    font-size: 1.5rem;
  }
}
.salad__box dl div dt p {
  padding: 10px 0 0 0;
  font-size: 1.4rem;
  color: #666;
}
@media screen and (max-width: 897px) {
  .salad__box dl div dt p {
    padding: 10px 0;
    line-height: 1.7;
  }
}
@media screen and (max-width: 897px) {
  .salad__box dl div dd {
    text-align: right;
  }
}

/*============================================
pasta
============================================*/
.pasta {
  padding: 120px 0;
  border-bottom: 1px solid #E7E7E7;
}
@media screen and (max-width: 897px) {
  .pasta {
    padding: 40px 0;
  }
}
.pasta__headline {
  text-align: center;
  padding: 0 0 20px 0;
}
.pasta__headline img {
  border-radius: 15px;
}
.pasta__headline span {
  font-size: 4.6rem;
  line-height: 1.2;
  font-family: eb-garamond, serif;
  font-weight: 500;
  font-style: normal;
}
@media screen and (max-width: 897px) {
  .pasta__headline span {
    font-size: 3.6rem;
  }
}
.pasta__headline h2 {
  font-weight: 300;
  font-size: 1.8rem;
  color: #717171;
  padding: 0;
}
@media screen and (max-width: 897px) {
  .pasta__headline h2 {
    font-size: 1.5rem;
  }
}
.pasta__box__photo {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0 0 60px 0;
}
.pasta__box__item {
  margin: 60px 0 0 0;
  width: 30%;
}
@media screen and (max-width: 897px) {
  .pasta__box__item {
    margin: 40px 0 0 0;
    width: 100%;
  }
}
.pasta__box__item .img img {
  border-radius: 15px;
}
@media screen and (max-width: 897px) {
  .pasta__box__item .img img {
    border-radius: 10px;
  }
}
.pasta__box__item .txt {
  padding: 15px 0 0 0;
}
@media screen and (max-width: 897px) {
  .pasta__box__item .txt {
    padding: 10px 0 0 0;
  }
}
.pasta__box__item .txt h3 {
  font-size: 1.8rem;
  font-weight: 400;
}
.pasta__box__item .txt .price-dst {
  text-align: right;
  padding: 10px 0;
}
.pasta__box dl div {
  display: flex;
  justify-content: space-between;
  padding: 40px 0;
  border-bottom: 1px solid #ccc;
  align-items: flex-end;
}
@media screen and (max-width: 897px) {
  .pasta__box dl div {
    display: block;
    padding: 20px 0;
  }
}
.pasta__box dl div dt h3 {
  font-size: 1.8rem;
  font-weight: 400;
}
@media screen and (max-width: 897px) {
  .pasta__box dl div dt h3 {
    font-size: 1.5rem;
  }
}
.pasta__box dl div dt p {
  padding: 10px 0 0 0;
  font-size: 1.4rem;
  color: #666;
}
@media screen and (max-width: 897px) {
  .pasta__box dl div dt p {
    padding: 10px 0;
    line-height: 1.7;
  }
}
@media screen and (max-width: 897px) {
  .pasta__box dl div dd {
    text-align: right;
  }
}

/*============================================
desert
============================================*/
.desert {
  padding: 120px 0;
  border-bottom: 1px solid #E7E7E7;
}
@media screen and (max-width: 897px) {
  .desert {
    padding: 40px 0;
  }
}
.desert__headline {
  text-align: center;
}
.desert__headline img {
  border-radius: 15px;
}
.desert__headline span {
  font-size: 4.6rem;
  line-height: 1.2;
  font-family: eb-garamond, serif;
  font-weight: 500;
  font-style: normal;
}
@media screen and (max-width: 897px) {
  .desert__headline span {
    font-size: 3.6rem;
  }
}
.desert__headline h2 {
  font-weight: 300;
  font-size: 1.8rem;
  color: #717171;
  padding: 0;
}
@media screen and (max-width: 897px) {
  .desert__headline h2 {
    font-size: 1.5rem;
  }
}
.desert__box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media screen and (max-width: 897px) {
  .desert__box {
    display: block;
  }
}
.desert__box__item {
  margin: 60px 0 0 0;
  width: 30%;
}
@media screen and (max-width: 897px) {
  .desert__box__item {
    margin: 40px 0 0 0;
    width: 100%;
  }
}
.desert__box__item .img img {
  border-radius: 15px;
}
@media screen and (max-width: 897px) {
  .desert__box__item .img img {
    border-radius: 10px;
  }
}
.desert__box__item .txt {
  padding: 15px 0 0 0;
}
@media screen and (max-width: 897px) {
  .desert__box__item .txt {
    padding: 10px 0 0 0;
  }
}
.desert__box__item .txt h3 {
  font-size: 1.8rem;
  font-weight: 400;
}
.desert__box__item .txt .price-dst {
  text-align: right;
  padding: 10px 0;
}
.desert__box__item:first-of-type {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 897px) {
  .desert__box__item:first-of-type {
    display: block;
  }
}
.desert__box__item:first-of-type .img {
  width: 47%;
}
@media screen and (max-width: 897px) {
  .desert__box__item:first-of-type .img {
    width: 100%;
  }
}
.desert__box__item:first-of-type .txt {
  width: 47%;
}
@media screen and (max-width: 897px) {
  .desert__box__item:first-of-type .txt {
    width: 100%;
  }
}
.desert__box::after {
  content: "";
  width: 30%;
}

/*============================================
sweets
============================================*/
.sweets {
  padding: 120px 0;
  border-bottom: 1px solid #E7E7E7;
}
@media screen and (max-width: 897px) {
  .sweets {
    padding: 40px 0;
  }
}
.sweets__headline {
  text-align: center;
  padding: 0 0 20px 0;
}
.sweets__headline img {
  border-radius: 15px;
}
.sweets__headline span {
  font-size: 4.6rem;
  line-height: 1.2;
  font-family: eb-garamond, serif;
  font-weight: 500;
  font-style: normal;
}
@media screen and (max-width: 897px) {
  .sweets__headline span {
    font-size: 3.6rem;
  }
}
.sweets__headline h2 {
  font-weight: 300;
  font-size: 1.8rem;
  color: #717171;
  padding: 0;
}
@media screen and (max-width: 897px) {
  .sweets__headline h2 {
    font-size: 1.5rem;
  }
}
.sweets__box dl div {
  display: flex;
  justify-content: space-between;
  padding: 40px 0;
  border-bottom: 1px solid #ccc;
  align-items: flex-end;
}
@media screen and (max-width: 897px) {
  .sweets__box dl div {
    display: block;
    padding: 20px 0;
  }
}
.sweets__box dl div dt h3 {
  font-size: 1.8rem;
  font-weight: 400;
}
@media screen and (max-width: 897px) {
  .sweets__box dl div dt h3 {
    font-size: 1.5rem;
  }
}
.sweets__box dl div dt p {
  padding: 10px 0 0 0;
  font-size: 1.4rem;
  color: #666;
}
@media screen and (max-width: 897px) {
  .sweets__box dl div dt p {
    padding: 10px 0;
    line-height: 1.7;
  }
}
@media screen and (max-width: 897px) {
  .sweets__box dl div dd {
    text-align: right;
  }
}

/*============================================
drink
============================================*/
.drink {
  padding: 120px 0;
  border-bottom: 1px solid #E7E7E7;
}
@media screen and (max-width: 897px) {
  .drink {
    padding: 40px 0;
  }
}
.drink__headline {
  text-align: center;
  padding: 0 0 20px 0;
}
.drink__headline img {
  border-radius: 15px;
}
.drink__headline span {
  font-size: 4.6rem;
  line-height: 1.2;
  font-family: eb-garamond, serif;
  font-weight: 500;
  font-style: normal;
}
@media screen and (max-width: 897px) {
  .drink__headline span {
    font-size: 3.6rem;
  }
}
.drink__headline h2 {
  font-weight: 300;
  font-size: 1.8rem;
  color: #717171;
  padding: 0;
}
@media screen and (max-width: 897px) {
  .drink__headline h2 {
    font-size: 1.5rem;
  }
}
.drink__box dl div {
  display: flex;
  justify-content: space-between;
  padding: 40px 0;
  border-bottom: 1px solid #ccc;
  align-items: flex-end;
}
@media screen and (max-width: 897px) {
  .drink__box dl div {
    display: block;
    padding: 20px 0;
  }
}
.drink__box dl div dt h3 {
  font-size: 1.8rem;
  font-weight: 400;
}
@media screen and (max-width: 897px) {
  .drink__box dl div dt h3 {
    font-size: 1.5rem;
  }
}
.drink__box dl div dt p {
  padding: 10px 0 0 0;
  font-size: 1.4rem;
  color: #666;
}
@media screen and (max-width: 897px) {
  .drink__box dl div dt p {
    padding: 10px 0;
    line-height: 1.7;
  }
}
@media screen and (max-width: 897px) {
  .drink__box dl div dd {
    text-align: right;
  }
}

/*============================================
dogs-menu
============================================*/
.dogs-menu {
  padding: 120px 0;
  border-bottom: 1px solid #E7E7E7;
}
@media screen and (max-width: 897px) {
  .dogs-menu {
    padding: 40px 0;
  }
}
.dogs-menu__headline {
  text-align: center;
  padding: 0 0 20px 0;
}
.dogs-menu__headline img {
  border-radius: 15px;
}
.dogs-menu__headline span {
  font-size: 4.6rem;
  line-height: 1.2;
  font-family: eb-garamond, serif;
  font-weight: 500;
  font-style: normal;
}
@media screen and (max-width: 897px) {
  .dogs-menu__headline span {
    font-size: 3.6rem;
  }
}
.dogs-menu__headline h2 {
  font-weight: 300;
  font-size: 1.8rem;
  color: #717171;
  padding: 0;
}
@media screen and (max-width: 897px) {
  .dogs-menu__headline h2 {
    font-size: 1.5rem;
  }
}
.dogs-menu__box dl div {
  display: flex;
  justify-content: space-between;
  padding: 40px 0;
  border-bottom: 1px solid #ccc;
  align-items: flex-end;
}
@media screen and (max-width: 897px) {
  .dogs-menu__box dl div {
    display: block;
    padding: 20px 0;
  }
}
.dogs-menu__box dl div dt h3 {
  font-size: 1.8rem;
  font-weight: 400;
}
@media screen and (max-width: 897px) {
  .dogs-menu__box dl div dt h3 {
    font-size: 1.5rem;
  }
}
.dogs-menu__box dl div dt p {
  padding: 10px 0 0 0;
  font-size: 1.4rem;
  color: #666;
}
@media screen and (max-width: 897px) {
  .dogs-menu__box dl div dt p {
    padding: 10px 0;
    line-height: 1.7;
  }
}
@media screen and (max-width: 897px) {
  .dogs-menu__box dl div dd {
    text-align: right;
  }
}

/*============================================
news
============================================*/
.news {
  padding: 120px 0;
  border-bottom: 1px solid #E7E7E7;
}
@media screen and (max-width: 897px) {
  .news {
    padding: 40px 0;
  }
}
.news .inbox {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 897px) {
  .news .inbox {
    display: block;
  }
}
.news .inbox .cnt {
  width: 75%;
}
@media screen and (max-width: 897px) {
  .news .inbox .cnt {
    width: 100%;
    padding: 0 0 20px 0;
  }
}
.news .inbox .cnt__headline {
  padding: 0 0 60px 0;
}
@media screen and (max-width: 897px) {
  .news .inbox .cnt__headline {
    padding: 0 0 20px 0;
  }
}
.news .inbox .cnt__headline h1 {
  font-weight: 300;
  font-size: 2.5rem;
  color: #222;
  padding: 0;
}
@media screen and (max-width: 897px) {
  .news .inbox .cnt__headline h1 {
    font-size: 1.8rem;
  }
}
.news .inbox .cnt__thum {
  padding: 0 0 60px 0;
}
@media screen and (max-width: 897px) {
  .news .inbox .cnt__thum {
    padding: 0 0 20px 0;
  }
}
.news .inbox .cnt__thum img {
  border-radius: 15px;
}
@media screen and (max-width: 897px) {
  .news .inbox .cnt__thum img {
    border-radius: 10px;
  }
}
.news .inbox .cnt__box .btn {
  max-width: 360px;
  margin: 60px auto 0 auto;
  border: 1px solid #ccc;
}
@media screen and (max-width: 897px) {
  .news .inbox .cnt__box .btn {
    width: 100%;
    margin: 20px 0 0 0;
  }
}
.news .inbox .cnt__box .btn a {
  display: block;
  text-align: center;
  padding: 15px;
  color: #85A5AF;
  font-weight: 700;
}
.news .inbox .cnt__box .arrow {
  position: relative;
  display: inline-block;
  padding: 0 0 0 16px;
  color: #000;
  vertical-align: middle;
  text-decoration: none;
  font-size: 15px;
}
@media screen and (max-width: 897px) {
  .news .inbox .cnt__box .arrow {
    font-size: 1.4rem;
  }
}
.news .inbox .cnt__box .arrow::before, .news .inbox .cnt__box .arrow::after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
}
.news .inbox .cnt__box .sample1-2::before {
  right: 19px;
  width: 22px;
  height: 1px;
  background: #85A5AF;
}
@media screen and (max-width: 897px) {
  .news .inbox .cnt__box .sample1-2::before {
    right: 5px;
    width: 12px;
    height: 1px;
  }
}
.news .inbox .cnt__box .sample1-2::after {
  right: 20px;
  width: 11px;
  height: 13px;
  border-top: 1px solid #85A5AF;
  border-right: 1px solid #85A5AF;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
@media screen and (max-width: 897px) {
  .news .inbox .cnt__box .sample1-2::after {
    right: 7px;
    width: 6px;
    height: 6px;
  }
}
.news .inbox .cnt__box__list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media screen and (max-width: 897px) {
  .news .inbox .cnt__box__list {
    display: block;
  }
}
.news .inbox .cnt__box__list::after {
  content: "";
  width: 30%;
}
.news .inbox .cnt__box__list__item {
  width: 30%;
}
@media screen and (max-width: 897px) {
  .news .inbox .cnt__box__list__item {
    width: 100%;
    margin: 0 0 20px 0;
  }
}
.news .inbox .cnt__box__list__item .txt {
  padding: 10px 0 0 0;
}
.news .inbox .cnt__box__list__item .txt span {
  font-size: 1.3rem;
  font-weight: 100;
}
.news .inbox .cnt__box__list__item .txt h2 {
  font-size: 1.7rem;
  line-height: 1.4;
  font-weight: 400;
  padding: 0;
}
.news .inbox .cnt__box__list__item .img img {
  object-fit: cover;
  height: 200px;
  width: 100%;
  border-radius: 15px;
}
@media screen and (max-width: 897px) {
  .news .inbox .cnt__box__list__item .img img {
    object-fit: none;
    width: 100%;
    height: inherit;
    border-radius: 10px;
  }
}
.news .inbox .cnt__box__list__item .btn {
  margin: 20px auto 40px auto;
  border-top: 1px solid #ccc;
}
@media screen and (max-width: 897px) {
  .news .inbox .cnt__box__list__item .btn {
    margin: 10px 0;
  }
}
.news .inbox .cnt__box__list__item .btn a {
  display: block;
  padding: 20px 0;
  color: #85A5AF;
  font-weight: 700;
}
@media screen and (max-width: 897px) {
  .news .inbox .cnt__box__list__item .btn a {
    padding: 10px 0;
    font-size: 1.4rem;
  }
}
.news .inbox .cnt__box__list__item .arrow {
  position: relative;
  display: inline-block;
  padding: 0 0 0 16px;
  color: #000;
  vertical-align: middle;
  text-decoration: none;
  font-size: 15px;
}
.news .inbox .cnt__box__list__item .arrow::before, .news .inbox .cnt__box__list__item .arrow::after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
}
.news .inbox .cnt__box__list__item .sample1-2::before {
  right: 0;
  width: 22px;
  height: 1px;
  background: #85A5AF;
}
@media screen and (max-width: 897px) {
  .news .inbox .cnt__box__list__item .sample1-2::before {
    right: 5px;
    width: 12px;
    height: 1px;
  }
}
.news .inbox .cnt__box__list__item .sample1-2::after {
  right: 2px;
  width: 11px;
  height: 13px;
  border-top: 1px solid #85A5AF;
  border-right: 1px solid #85A5AF;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
@media screen and (max-width: 897px) {
  .news .inbox .cnt__box__list__item .sample1-2::after {
    right: 7px;
    width: 6px;
    height: 6px;
  }
}
.news .inbox aside {
  width: 20%;
  font-size: 1.4rem;
}
@media screen and (max-width: 897px) {
  .news .inbox aside {
    width: 100%;
  }
}
.news .inbox aside .side__list:not(:last-of-type) {
  padding: 0 0 60px 0;
}
@media screen and (max-width: 897px) {
  .news .inbox aside .side__list:not(:last-of-type) {
    padding: 0 0 20px 0;
  }
}
.news .inbox aside .side__list h2 {
  font-size: 1.6rem;
  font-weight: 300;
  padding: 0 0 10px 0;
  margin: 0 0 10px 0;
  border-bottom: 1px solid #ccc;
}
.news .inbox aside .side__list ul li {
  margin: 0 0 5px 20px;
  list-style-type: disc;
  line-height: 1.4;
}

.wp-pagenavi {
  text-align: center;
}

/*============================================
contact
============================================*/
.contact2 {
  padding: 120px 0;
}
@media screen and (max-width: 897px) {
  .contact2 {
    padding: 40px 0;
  }
}
.contact2__headline {
  padding: 0 0 90px 0;
}
@media screen and (max-width: 897px) {
  .contact2__headline {
    padding: 0 0 40px 0;
  }
}
.contact2__headline h2 {
  text-align: center;
  font-size: 2.6rem;
  font-weight: 400;
  padding: 0 0 10px 0;
}
@media screen and (max-width: 897px) {
  .contact2__headline h2 {
    font-size: 1.85rem;
    padding: 0 0 10px 0;
  }
}
.contact2__headline p {
  text-align: center;
}
@media screen and (max-width: 897px) {
  .contact2__headline p {
    text-align: left;
  }
}
.contact2__box {
  max-width: 960px;
  margin: 0 auto;
}
.contact2__box dl div {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #ccc;
  padding: 0 0 30px 0;
  margin: 0 0 30px 0;
}
@media screen and (max-width: 897px) {
  .contact2__box dl div {
    display: block;
    padding: 0 0 20px 0;
    margin: 0 0 20px 0;
  }
}
.contact2__box dl div dt {
  width: 35%;
  font-weight: 700;
}
@media screen and (max-width: 897px) {
  .contact2__box dl div dt {
    width: 100%;
    padding: 0 0 5px 0;
  }
}
.contact2__box dl div dd {
  width: 65%;
}
@media screen and (max-width: 897px) {
  .contact2__box dl div dd {
    width: 100%;
  }
}
.contact2 span.wpcf7-list-item {
  margin: 0 1rem 0 0 !important;
}
.contact2 span.haveto {
  background: #920002;
  color: #fff;
  font-size: 1.3rem;
  display: inline-block;
  padding: 0 2px;
  margin: 0 5px 0 0;
}
.contact2 span.any {
  background: #666;
  color: #fff;
  font-size: 1.3rem;
  display: inline-block;
  padding: 0 2px;
  margin: 0 5px 0 0;
}
.contact2 textarea {
  width: 90%;
}
@media screen and (max-width: 897px) {
  .contact2 textarea {
    width: 98%;
  }
}
@media screen and (max-width: 897px) {
  .contact2 input[type="text"], .contact2 input[type="email"] {
    width: 98%;
  }
}
.contact2 input#confirm:disabled {
  background: #DCDCDC;
  cursor: not-allowed;
}
.contact2 input#confirm, .contact2 input#back, .contact2 input#submit {
  font-size: 1.3em;
  line-height: 3;
  width: 40%;
  border: none;
  border-radius: 10px;
  background: none;
  background-color: #222;
  color: #FFFFFF;
  cursor: pointer;
}
.contact2 .contact-btn p {
  text-align: center;
}
.contact2 .chk {
  display: flex;
  justify-content: flex-start;
}
.contact2 .btn-area p {
  text-align: center;
}
.contact2 .btn-area p input {
  margin: 0 15px;
}

/*============================================
recruit
============================================*/
.recruit-dtl {
  padding: 120px 0;
}
@media screen and (max-width: 897px) {
  .recruit-dtl {
    padding: 40px 0;
  }
}
.recruit-dtl__headline {
  text-align: center;
  padding: 0 0 60px 0;
}
@media screen and (max-width: 897px) {
  .recruit-dtl__headline {
    padding: 0 0 20px 0;
  }
}
.recruit-dtl__headline h2 {
  font-size: 2.6rem;
  font-weight: 400;
}
@media screen and (max-width: 897px) {
  .recruit-dtl__headline h2 {
    font-size: 1.8rem;
  }
}
.recruit-dtl__box dl div {
  display: flex;
  justify-content: space-between;
  padding: 0 0 30px 0;
  margin: 0 0 30px 0;
  border-bottom: 1px solid #ccc;
}
@media screen and (max-width: 897px) {
  .recruit-dtl__box dl div {
    padding: 0 0 15px 0;
    margin: 0 0 15px 0;
    display: block;
  }
}
.recruit-dtl__box dl div dt {
  width: 20%;
  font-weight: 700;
}
@media screen and (max-width: 897px) {
  .recruit-dtl__box dl div dt {
    width: 100%;
    padding: 0 0 5px 0;
  }
}
.recruit-dtl__box dl div dd {
  width: 80%;
}
@media screen and (max-width: 897px) {
  .recruit-dtl__box dl div dd {
    width: 100%;
  }
}
.recruit-dtl__btn .btn {
  max-width: 360px;
  margin: 60px auto 0 auto;
  border: 1px solid #ccc;
}
@media screen and (max-width: 897px) {
  .recruit-dtl__btn .btn {
    width: 100%;
    margin: 20px 0 0 0;
  }
}
.recruit-dtl__btn .btn a {
  display: block;
  text-align: center;
  padding: 15px;
  color: #85A5AF;
  font-weight: 700;
}
.recruit-dtl__btn .arrow {
  position: relative;
  display: inline-block;
  padding: 0 0 0 16px;
  color: #000;
  vertical-align: middle;
  text-decoration: none;
  font-size: 15px;
}
@media screen and (max-width: 897px) {
  .recruit-dtl__btn .arrow {
    font-size: 1.4rem;
  }
}
.recruit-dtl__btn .arrow::before, .recruit-dtl__btn .arrow::after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
}
.recruit-dtl__btn .sample1-2::before {
  right: 19px;
  width: 22px;
  height: 1px;
  background: #85A5AF;
}
@media screen and (max-width: 897px) {
  .recruit-dtl__btn .sample1-2::before {
    right: 5px;
    width: 12px;
    height: 1px;
  }
}
.recruit-dtl__btn .sample1-2::after {
  right: 20px;
  width: 11px;
  height: 13px;
  border-top: 1px solid #85A5AF;
  border-right: 1px solid #85A5AF;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
@media screen and (max-width: 897px) {
  .recruit-dtl__btn .sample1-2::after {
    right: 7px;
    width: 6px;
    height: 6px;
  }
}

.menu-topics p {
  text-align: center;
}
@media screen and (max-width: 897px) {
  .menu-topics p {
    font-size: 1.5rem;
  }
}
.menu-topics p.head {
  font-size: 2.0rem;
}
@media screen and (max-width: 897px) {
  .menu-topics p.head {
    font-size: 1.8rem;
  }
}
.menu-topics p:nth-child(2) {
  padding: 0 0 20px 0;
}

/*-----------------------------------------
         2023.06.06　追加
------------------------------------------*/
/*============================================
.co-headline
============================================*/
.co-headline .btn.btn_inversion {
  background-color: #85A5AF;
  margin-top: 0;
}
.co-headline .btn.btn_inversion a {
  color: #fff;
}
.co-headline .contact_time {
  text-align: center;
  display: table;
  margin: 10px auto 30px;
  color: #717171;
  font-size: 1.4rem;
  line-height: 1.5em;
}

/*============================================
.cafe-premium
============================================*/
@media screen and (max-width: 897px) {
  .cafe-premium.price .sight__box {
    display: inherit;
  }
}
.cafe-premium.price .sight__box .img {
  width: 40%;
  border-radius: 15px;
  overflow: hidden;
}
@media screen and (max-width: 897px) {
  .cafe-premium.price .sight__box .img {
    width: auto;
    margin-bottom: 30px;
  }
}
.cafe-premium.price .sight__box .img img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.cafe-premium.price .sight__box .txt > div {
  margin-top: 30px;
}
.cafe-premium.price .sight__box .txt > div ul.drink_list li {
  display: inline-block;
}
.cafe-premium.price .sight__box .sight__box__item {
  width: 54%;
}
@media screen and (max-width: 897px) {
  .cafe-premium.price .sight__box .sight__box__item {
    width: auto;
  }
}
.cafe-premium__headline {
  margin-bottom: 60px;
  text-align: center;
}
@media screen and (max-width: 897px) {
  .cafe-premium__headline {
    margin-bottom: 20px;
  }
}
.cafe-premium__headline span {
  font-size: 4.6rem;
  line-height: 1.2;
  font-family: eb-garamond, serif;
  font-weight: 500;
  font-style: normal;
}
@media screen and (max-width: 897px) {
  .cafe-premium__headline span {
    font-size: 3.6rem;
  }
}
.cafe-premium__headline h2 {
  font-weight: 300;
  font-size: 1.8rem;
  color: #717171;
  padding: 0;
}
@media screen and (max-width: 897px) {
  .cafe-premium__headline h2 {
    font-size: 1.5rem;
  }
}

/*============================================
.menu-topics
============================================*/
.menu-topics .txt_att {
  margin: 20px auto;
  line-height: 1.5;
}
@media screen and (max-width: 897px) {
  .menu-topics .btn_inversion + .txt_att {
    text-align: left;
  }
}

/*============================================
.beer-terrace
============================================*/
.view-main .inbox.beer-terrace-bg {
  background: url(../img/beer-terrace/beer-terrace-bg.jpg);
  background-size: cover;
  background-position: center;
}
@media screen and (max-width: 897px) {
  .view-main .inbox.beer-terrace-bg {
    background: none;
  }
}

@media screen and (max-width: 897px) {
  .price.beer-terrace .sight__box {
    display: inherit;
  }
}
.price.beer-terrace .sight__box .img {
  width: 40%;
  border-radius: 15px;
  overflow: hidden;
}
@media screen and (max-width: 897px) {
  .price.beer-terrace .sight__box .img {
    width: auto;
    margin-bottom: 30px;
  }
}
.price.beer-terrace .sight__box .img img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.price.beer-terrace .sight__box .txt > div {
  margin-top: 30px;
}
.price.beer-terrace .sight__box .sight__box__item {
  width: 54%;
}
@media screen and (max-width: 897px) {
  .price.beer-terrace .sight__box .sight__box__item {
    width: auto;
  }
}
.price.beer-terrace .sight__box .sight__box__item .menu-att {
  background-color: #d2d7c3;
  padding: 20px 30px;
  margin-top: 30px;
}
.price.beer-terrace .sight__box .sight__box__item .menu-att p {
  padding: 0;
  text-align: center;
}
.price.beer-terrace .sight__box .sight__box__item .menu-att p:first-child {
  font-size: 1.7rem;
}
@media screen and (max-width: 897px) {
  .price.beer-terrace .sight__box .sight__box__item .menu-att p:first-child {
    font-size: 1.6rem;
  }
}
.price .beer-terrace__headline {
  margin-bottom: 60px;
  text-align: center;
}
@media screen and (max-width: 897px) {
  .price .beer-terrace__headline {
    margin-bottom: 20px;
  }
}
.price .beer-terrace__headline span {
  font-size: 4.6rem;
  line-height: 1.2;
  font-family: eb-garamond, serif;
  font-weight: 500;
  font-style: normal;
}
@media screen and (max-width: 897px) {
  .price .beer-terrace__headline span {
    font-size: 3.6rem;
  }
}
.price .beer-terrace__headline h2 {
  font-weight: 300;
  font-size: 1.8rem;
  color: #717171;
  padding: 0;
}
@media screen and (max-width: 897px) {
  .price .beer-terrace__headline h2 {
    font-size: 1.5rem;
  }
}
.price .beer-terrace.sight__box__btm {
  margin-bottom: 60px;
}
.price .txt_annotation + .txt_annotation {
  margin-top: 20px;
}
.price .txt_annotation + h4 {
  margin: 20px 0 5px;
}
.price .txt_annotation b {
  color: #D0292C;
}

#beer-terrace-gallery.gallery {
  padding: 120px 0 0;
}
@media screen and (max-width: 897px) {
  #beer-terrace-gallery.gallery {
    padding: 40px 0 0;
  }
}
#beer-terrace-gallery .gallery__headline {
  margin-bottom: 60px;
  text-align: center;
}
@media screen and (max-width: 897px) {
  #beer-terrace-gallery .gallery__headline {
    margin-bottom: 20px;
  }
}
#beer-terrace-gallery .gallery__headline span {
  font-size: 4.6rem;
  line-height: 1.2;
  font-family: eb-garamond, serif;
  font-weight: 500;
  font-style: normal;
}
@media screen and (max-width: 897px) {
  #beer-terrace-gallery .gallery__headline span {
    font-size: 3.6rem;
  }
}
#beer-terrace-gallery .gallery__headline h2 {
  font-weight: 300;
  font-size: 1.8rem;
  color: #717171;
  padding: 0;
}
@media screen and (max-width: 897px) {
  #beer-terrace-gallery .gallery__headline h2 {
    font-size: 1.5rem;
  }
}
#beer-terrace-gallery .gallery__box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#beer-terrace-gallery .gallery__box__item {
  margin: 60px 0 0 0;
  width: 30%;
}
@media screen and (max-width: 897px) {
  #beer-terrace-gallery .gallery__box__item {
    margin: 20px 0 0 0;
  }
}
#beer-terrace-gallery .gallery__box__item .img img {
  border-radius: 15px;
}

/*============================================
.experience
============================================*/
.view-main .inbox.experience-bg {
  background: url("../img/experience/experience-bg.jpg");
  background-size: cover;
  background-position: center;
}

@media screen and (max-width: 897px) {
  .view-main .inbox.experience-bg {
    background: none;
  }
}
/*============================================
.bonfire
============================================*/
.view-main .inbox.bonfire-bg {
  background: url("../img/bonfire/bonfire-bg.jpg");
  background-size: cover;
  background-position: center;
}

.price.bonfire .sight__box .img {
  width: 40%;
  border-radius: 15px;
  overflow: hidden;
}
.price.bonfire .sight__box .img img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.price.bonfire .sight__box .txt > div {
  margin-top: 30px;
}
.price.bonfire .sight__box .sight__box__item {
  width: 54%;
}
.price.bonfire .sight__box .sight__box__item .menu-att {
  background-color: #d2d7c3;
  padding: 20px 30px;
  margin-top: 30px;
}
.price.bonfire .sight__box .sight__box__item .menu-att p {
  padding: 0;
  text-align: center;
}
.price.bonfire .sight__box .sight__box__item .menu-att p:first-child {
  font-size: 1.7rem;
}
.price.bonfire .bonfire__headline {
  margin-bottom: 60px;
  text-align: center;
}
.price.bonfire .bonfire__headline span {
  font-size: 4.6rem;
  line-height: 1.2;
  font-family: eb-garamond, serif;
  font-weight: 500;
  font-style: normal;
}
.price.bonfire .bonfire__headline h2 {
  font-weight: 300;
  font-size: 1.8rem;
  color: #717171;
  padding: 0;
}
.price.bonfire .bonfire.sight__box__btm {
  margin-bottom: 60px;
}
.price.bonfire .txt_annotation + h4 {
  margin: 20px 0 5px;
}
.price.bonfire .txt_annotation b {
  color: #D0292C;
}

#bonfire-plan .price.bonfire .txt_annotation + .txt_annotation {
  margin-top: 20px;
}

#bonfire-gallery.gallery {
  padding: 120px 0 0;
}

#bonfire-gallery .gallery__headline {
  margin-bottom: 60px;
  text-align: center;
}
#bonfire-gallery .gallery__headline span {
  font-size: 4.6rem;
  line-height: 1.2;
  font-family: eb-garamond, serif;
  font-weight: 500;
  font-style: normal;
}
#bonfire-gallery .gallery__headline h2 {
  font-weight: 300;
  font-size: 1.8rem;
  color: #717171;
  padding: 0;
}
#bonfire-gallery .gallery__box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#bonfire-gallery .gallery__box__item {
  margin: 60px 0 0 0;
  width: 30%;
}
#bonfire-gallery .gallery__box__item .img img {
  border-radius: 15px;
}

@media screen and (max-width: 897px) {
  .view-main .inbox.bonfire-bg {
    background: none;
  }

  .price.bonfire .sight__box {
    display: inherit;
  }
  .price.bonfire .sight__box .img {
    width: auto;
    margin-bottom: 30px;
  }
  .price.bonfire .sight__box .sight__box__item {
    width: auto;
  }
  .price.bonfire .sight__box .sight__box__item .menu-att p:first-child {
    font-size: 1.6rem;
  }
  .price.bonfire .bonfire__headline {
    margin-bottom: 20px;
  }
  .price.bonfire .bonfire__headline span {
    font-size: 3.6rem;
  }
  .price.bonfire .bonfire__headline h2 {
    font-size: 1.5rem;
  }

  #bonfire-gallery {
    padding: 40px 0 0;
  }
  #bonfire-gallery .gallery__headline {
    margin-bottom: 20px;
  }
  #bonfire-gallery .gallery__headline span {
    font-size: 3.6rem;
  }
  #bonfire-gallery .gallery__headline h2 {
    font-size: 1.5rem;
  }
  #bonfire-gallery .gallery__box__item {
    margin: 20px 0 0 0;
  }
}
/*============================================
.stay
============================================*/
.view-main .inbox.stay-bg {
  background: url("../img/stay/stay-bg.jpg");
  background-size: cover;
  background-position: center;
}

@media screen and (max-width: 897px) {
  .view-main .inbox.stay-bg {
    background: none;
  }
}
/*============================================
.camp
============================================*/
.camp.co-headline .btn_inversion_list {
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
  padding: 0;
}
.camp.co-headline .btn_inversion_list .btn {
  margin: 5px;
}
.camp.co-headline .btn_inversion_list .btn a {
  padding: 15px 50px;
}

@media screen and (max-width: 897px) {
  .camp.co-headline .btn_inversion_list {
    display: inherit;
    flex-wrap: wrap;
  }
  .camp.co-headline .btn_inversion_list .btn {
    margin: 0;
  }
  .camp.co-headline .btn_inversion_list .btn a {
    padding: 15px;
  }
}
/*============================================
.cottage
============================================*/
.view-main .inbox.cottage-bg {
  background: url("../img/cottage/cottage-bg-min.jpg");
  background-size: cover;
  background-position: center;
}

#cottage-headline.co-headline .btn_inversion_list {
  display: flex;
  justify-content: center;
}
#cottage-headline.co-headline .btn_inversion_list .btn {
  margin: 5px;
}
#cottage-headline.co-headline .btn_inversion_list .btn a {
  padding: 15px 50px;
}

#cottage-gallery {
  padding: 120px 0;
}
#cottage-gallery .gallery__headline {
  margin-bottom: 60px;
  text-align: center;
}
#cottage-gallery .gallery__headline span {
  font-size: 4.6rem;
  line-height: 1.2;
  font-family: eb-garamond, serif;
  font-weight: 500;
  font-style: normal;
}
#cottage-gallery .gallery__headline h2 {
  font-weight: 300;
  font-size: 1.8rem;
  color: #717171;
  padding: 0;
}
#cottage-gallery .gallery__box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#cottage-gallery .gallery__box::after {
  content: "";
  display: inline-block;
  width: 30%;
}
#cottage-gallery .gallery__box__item {
  margin: 60px 0 0 0;
  width: 30%;
}
#cottage-gallery .gallery__box__item .img img {
  border-radius: 15px;
}

@media screen and (max-width: 897px) {
  .view-main .inbox.cottage-bg {
    background: none;
  }

  #cottage-headline.co-headline .btn_inversion_list {
    display: inherit;
    flex-wrap: wrap;
  }
  #cottage-headline.co-headline .btn_inversion_list .btn {
    margin: 0;
  }
  #cottage-headline.co-headline .btn_inversion_list .btn a {
    padding: 15px;
  }

  #cottage-gallery {
    padding: 40px 0 0;
  }
  #cottage-gallery .gallery__headline {
    margin-bottom: 20px;
  }
  #cottage-gallery .gallery__headline span {
    font-size: 3.6rem;
  }
  #cottage-gallery .gallery__headline h2 {
    font-size: 1.5rem;
  }
  #cottage-gallery .gallery__box__item {
    margin: 20px 0 0 0;
  }
}