@charset "UTF-8";
body {
  font-family: "Zen Old Mincho", serif;
  box-sizing: border-box;
  color: #333;
  line-height: 1.6;
  font-size: 90%;
}
body a {
  text-decoration: none;
  transition: all 0.4s ease;
}
body a:hover {
  text-decoration: none;
  opacity: 0.8;
}
body img {
  image-rendering: -webkit-optimize-contrast;
}
body .gothic {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}

.top-wrap {
  width: 100vw;
  background: transparent linear-gradient(102deg, rgba(77, 202, 194, 0.8) 0%, rgba(3, 144, 220, 0.8) 100%) 0% 0% no-repeat padding-box;
  position: fixed;
  top: 0px;
  left: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 78px;
  z-index: 100;
}

.top-header {
  width: 95%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem;
}

.logo img {
  width: 100px;
  height: auto;
}

.nav-menu {
  display: flex;
  align-items: center;
}

.reservation {
  width: 140px;
  background-image: linear-gradient(to right bottom, #4DCAC2 20%, #0390DC 80%);
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  position: absolute;
  top: 0;
  right: 0;
  height: 78px;
}
.reservation a.link-reservation {
  color: #fff;
  font-weight: 700;
}

.reservation-sp {
  background-color: #fff;
  background-image: none;
  height: auto;
  padding: 1rem 1rem;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  position: static;
}
.reservation-sp a.link-reservation {
  color: #4DCAC2;
  font-weight: 700;
}

/**********ハンバーガーボタン***********/
.hamburger {
  display: block;
  z-index: 200;
  right: 140px;
  width: 42px;
  height: 42px;
  cursor: pointer;
  text-align: center;
  position: relative;
  transition: all 0.6s ease;
}

.hamburger span {
  display: block;
  position: absolute;
  width: 100%;
  height: 2px;
  background: #fff;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.hamburger span:nth-child(1) {
  top: 6px;
}

.hamburger span:nth-child(2) {
  top: 20px;
}

.hamburger span:nth-child(3) {
  top: 34px;
}

/* ナビ開いてる時のボタン */
.hamburger.active span {
  background: #fff;
}

.hamburger.active span:nth-child(1) {
  -webkit-transform: translateY(14px);
  -moz-transform: translateY(14px);
  transform: translateY(14px);
}

.hamburger.active span:nth-child(3) {
  -webkit-transform: translateY(-14px);
  -moz-transform: translateY(-14px);
  transform: translateY(-14px);
}

nav.globalMenuSp {
  position: fixed;
  z-index: 150;
  top: 0;
  left: 0;
  color: #fff;
  background: transparent linear-gradient(102deg, rgb(77, 202, 194) 0%, rgb(3, 144, 220) 100%) 0% 0% no-repeat padding-box;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.6s ease, visibility 0.6s ease;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
}

nav.globalMenuSp ul {
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

nav.globalMenuSp ul li {
  list-style-type: none;
  padding: 0;
  width: 100%;
  border-bottom: 1px solid #fff;
}

nav.globalMenuSp ul li:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

nav.globalMenuSp ul li a {
  display: block;
  color: #fff;
  padding: 0.5em 0 0.5rem 2rem;
  text-decoration: none;
}

nav.globalMenuSp.active {
  opacity: 100;
  visibility: visible;
}

.hamburger.active {
  right: 10px;
}

.slider {
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

.slick-img img {
  width: 100%;
  height: 50vh;
}

@keyframes fadezoom {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.1);
    /* 拡大率 */
  }
}
.add-animation {
  animation: fadezoom 5s 0s forwards;
}

.fv {
  position: relative;
}

.catchphrase-wrap {
  position: absolute;
  left: 50%;
  top: 25vh;
  transform: translate(-50%, -50%);
  text-align: center;
  width: 80%;
}

.catchphrase-wrap h1 {
  color: #02486E;
  background: transparent linear-gradient(98deg, #0390DC 0%, #02486E 100%) 0% 0% no-repeat padding-box;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
}
.catchphrase-wrap h1.catchphrase {
  font-size: min(4.5vw, 30px);
}
.catchphrase-wrap h1.catchphrase span {
  display: inline-block;
}

.catchphrase-wrap p {
  color: #02486E;
  background: transparent linear-gradient(98deg, #0390DC 0%, #02486E 100%) 0% 0% no-repeat padding-box;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
}
.catchphrase-wrap p.slider-name {
  font-size: min(3vw, 24px);
  position: relative;
  display: inline-block;
}
.catchphrase-wrap p.slider-name:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: -40px;
  width: 40px;
  height: 1px;
  background-color: #0390DC;
}
.catchphrase-wrap p.slider-name:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: -40px;
  width: 40px;
  height: 1px;
  background-color: #0390DC;
}

.link-button {
  text-align: end;
}
.link-button a {
  display: inline-block;
  padding: 0.5rem 2rem;
  color: #fff !important;
  background: transparent linear-gradient(180deg, #4DCAC2 0%, #0390DC 100%) 0% 0% no-repeat padding-box;
}

.contents-wrap {
  width: 100vw;
  padding: 0 0 40px 0;
}
.contents-wrap h2 {
  font-size: min(7vw, 40px);
  display: flex;
  align-items: baseline;
  padding: 40px 0;
}
.contents-wrap h2 span {
  font-size: min(4vw, 16px);
  position: relative;
  padding-left: 1rem;
  margin-left: 1rem;
}
.contents-wrap h2 span:before {
  content: "";
  display: block;
  height: 100%;
  width: 1px;
  background-color: #333;
  position: absolute;
  top: 0;
  left: 0;
}
.contents-wrap .contents-inner {
  width: 90%;
  max-width: 1200px;
  margin: 0 auto;
}
.contents-wrap .contents-inner-w1000 {
  width: 90%;
  max-width: 1000px;
  margin: 0 auto;
}
.contents-wrap .contents-inner-w600 {
  width: 90%;
  max-width: 600px;
  margin: 0 auto;
}

.contents-wrap.topics {
  background-image: url(/fruitflower/images/theme/topics-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
}
.contents-wrap.topics .img-wrap {
  width: 100%;
  position: relative;
}
.contents-wrap.topics .img-wrap:before {
  content: "";
  display: block;
  padding-top: 63%;
  pointer-events: none;
}
.contents-wrap.topics .img-wrap a {
  display: block;
}
.contents-wrap.topics .img-wrap img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.contents-wrap.facilities {
  background-color: #BDE0DE;
  position: relative;
}
.contents-wrap.facilities:before {
  content: "";
  display: block;
  width: 100vw;
  margin: 0 0%;
  position: absolute;
  background-image: url(/fruitflower/images/theme/line1.png);
  top: -8vw;
  left: 0;
  height: 8.2vw;
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: contain;
}
.contents-wrap.facilities .facilities-wrap {
  width: 100vw;
  margin: 0 calc(50% - 50vw);
}
.contents-wrap.facilities .img-wrap {
  background-color: #fff;
  border: 1px solid #BDE0DE;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.contents-wrap.facilities .img-wrap h3 {
  color: #F2BA3C;
  font-size: 2.1rem;
  padding-bottom: 1rem;
}
.contents-wrap.facilities .img-wrap h3 span {
  display: inline-block;
}
.contents-wrap.facilities .img-wrap p {
  color: #333;
  letter-spacing: 0px;
}
.contents-wrap.facilities img {
  width: 100%;
  height: auto;
}
.contents-wrap.facilities .text-wrap {
  padding: 24px 32px;
}
.contents-wrap.facilities h2 {
  color: #fff;
}
.contents-wrap.facilities h2 span:before {
  background-color: #fff;
}
.contents-wrap.facilities .container {
  max-width: 1200px;
}
.contents-wrap.facilities .img-text-wrap p {
  width: 85%;
  margin: 0 auto;
  color: #333;
}
.contents-wrap.facilities .img-flame {
  position: relative;
}
.contents-wrap.facilities .img-flame:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: -3%;
  left: -3%;
  border: 1px solid #fff;
}
.contents-wrap.facilities .h2-conferenceroom {
  position: relative;
}
.contents-wrap.facilities .h2-conferenceroom span {
  position: absolute !important;
  top: 90px;
  right: 0;
}

.contents-wrap.wedding {
  background-image: url(/fruitflower/images/theme/wedding.png);
  background-repeat: no-repeat;
  background-size: cover;
}
.contents-wrap.wedding .contents-inner {
  display: flex;
  justify-content: flex-end;
  padding: 100px 20px 40px 20px;
}
.contents-wrap.wedding .wedding-wrap {
  width: 100%;
  max-width: 510px;
  border: 2px solid #0390DC;
  padding: 0 4px 4px 16px;
  position: relative;
}
.contents-wrap.wedding .wedding-wrap:before {
  content: "";
  position: absolute;
  display: block;
  width: 106%;
  height: 110%;
  top: -5%;
  left: -3%;
  background-color: rgba(255, 255, 255, 0.7882352941);
}
.contents-wrap.wedding .wedding-wrap .text-wrap {
  position: relative;
  z-index: 1;
}
.contents-wrap.wedding p {
  width: 95%;
  margin: 0 auto 1rem auto;
}

.contents-wrap.guide h2 {
  display: flex;
  flex-direction: column;
}
.contents-wrap.guide .container-fluid {
  width: 100vw;
  margin: 0 calc(50% - 50vw);
  margin-bottom: 80px;
}
.contents-wrap.guide h3 {
  position: relative;
  margin: 36px 0;
}
.contents-wrap.guide h3::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
  background-color: #969696;
}
.contents-wrap.guide h3:after {
  content: "";
  display: block;
  position: absolute;
  width: 30%;
  height: 1px;
  bottom: 0;
  left: 0;
  background-color: #4DCAC2;
}
.contents-wrap.guide .text-inner p {
  font-size: 1.25rem;
}
.contents-wrap.guide .text-inner p span {
  display: inline-block;
  font-size: 1rem;
  margin-top: 2rem;
}
.contents-wrap.guide .row-reverse {
  flex-direction: column-reverse;
}

.contents-wrap.blog {
  background-color: #BDE0DE;
  position: relative;
}
.contents-wrap.blog:before {
  content: "";
  display: block;
  width: 100vw;
  margin: 0 0%;
  position: absolute;
  background-image: url(/fruitflower/images/theme/line1.png);
  top: -8vw;
  left: 0;
  height: 8.2vw;
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: contain;
}
.contents-wrap.blog .link-blog {
  text-align: right;
}
.contents-wrap.blog .link-blog a {
  display: flex;
  align-items: center;
  justify-content: end;
  color: #333;
}
.contents-wrap.blog .contents-wrapper {
  padding-bottom: 80px;
}
.contents-wrap.blog .contents-wrapper a {
  color: #333;
}
.contents-wrap.blog .contents-wrapper h3 {
  font-size: 1.25rem;
  margin: 40px 0 20px 0;
}
.contents-wrap.blog .contents-wrapper .img-wrap {
  width: 100%;
  position: relative;
}
.contents-wrap.blog .contents-wrapper .img-wrap:before {
  content: "";
  display: block;
  padding-top: 63%;
}
.contents-wrap.blog .contents-wrapper .img-wrap img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.contents-wrap.blog .contents-wrapper .day {
  position: relative;
  color: #727272;
}
.contents-wrap.blog .contents-wrapper .day::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
  background-color: #969696;
}
.contents-wrap.blog .contents-wrapper .day:after {
  content: "";
  display: block;
  position: absolute;
  width: 30%;
  height: 1px;
  bottom: 0;
  left: 0;
  background-color: #F2BA3C;
}

.contents-wrap.access {
  background-color: #BDE0DE;
  position: relative;
}
.contents-wrap.access:after {
  content: "";
  display: block;
  width: 100vw;
  margin: 0 0%;
  position: absolute;
  background-image: url(/fruitflower/images/theme/line2.png);
  bottom: -8vw;
  left: 0;
  height: 8.2vw;
  background-position: top;
  background-repeat: no-repeat;
  background-size: contain;
}
.contents-wrap.access tr {
  border-bottom: 1px solid #333;
}
.contents-wrap.access tr:last-of-type {
  border-bottom: none;
}
.contents-wrap.access .tbl-r02 th,
.contents-wrap.access .tbl-r02 td {
  border-bottom: none;
  display: block;
  width: 100%;
}
.contents-wrap.access .tbl-r02 th {
  padding: 24px 0 12px 0;
}
.contents-wrap.access .tbl-r02 td {
  padding: 0 0 24px 0;
}
.contents-wrap.access .tbl-r02 td a {
  color: #333;
}
.contents-wrap.access .googlemap iframe {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
.contents-wrap.access iframe {
  width: 100%;
}

.contents-wrap.plan {
  padding-top: 60px;
  padding-bottom: 0;
}
.contents-wrap.plan .slick-dotted.slick-slider {
  /* margin-bottom: 30px; */
  width: 100vw;
  margin: 0 calc(50% - 50vw);
  margin-bottom: 60px;
}
.contents-wrap.plan .slick-dotted.slick-slider .slider-wrap a {
  color: #333;
}
.contents-wrap.plan .slick-dotted.slick-slider .slick-prev {
  left: 15px;
  z-index: 1;
}
.contents-wrap.plan .slick-dotted.slick-slider .slick-next {
  right: 15px;
}
.contents-wrap.plan .slick-dotted.slick-slider .slick-next:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f138";
}
.contents-wrap.plan .slick-dotted.slick-slider .slick-prev:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f137";
}
.contents-wrap.plan .slick-dotted.slick-slider .slick-dots li.slick-active button:before {
  opacity: 1;
  color: rgba(3, 144, 220, 0.8);
}
.contents-wrap.plan .slick-dotted.slick-slider .slick-dots li button:before {
  content: "";
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: rgba(163, 192, 208, 0.8);
  position: absolute;
  top: 0;
  left: 0;
  width: 8px;
  height: 8px;
}
.contents-wrap.plan .slick-dotted.slick-slider .slick-dots {
  bottom: -40px;
}
.contents-wrap.plan .slick-dotted.slick-slider .img-wrap {
  width: 100%;
  position: relative;
}
.contents-wrap.plan .slick-dotted.slick-slider .img-wrap:after {
  content: "";
  display: block;
  padding-top: 63%;
}
.contents-wrap.plan .slick-dotted.slick-slider .slick-slide img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  padding: 0 0.5rem 1rem 0.5rem;
}
.contents-wrap.plan .slick-dotted.slick-slider a.slick-slide {
  color: #333;
}
.contents-wrap.plan .slick-dotted.slick-slider h3 {
  font-size: 0.8rem;
  padding: 0 1rem;
  text-align: center;
}

.contents-wrap.information .table-wrap {
  border: 1px solid #333;
  position: relative;
}
.contents-wrap.information .table-wrap:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: -10px;
  left: -10px;
  background: transparent linear-gradient(180deg, var(--unnamed-color-4dcac2) 0%, var(--unnamed-color-0390dc) 100%) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(180deg, #4DCAC2 0%, #0390DC 100%) 0% 0% no-repeat padding-box;
  opacity: 0.7;
  z-index: -1;
}
.contents-wrap.information tr {
  border-bottom: 1px dashed var(--unnamed-color-ffffff);
  border-bottom: 1px dashed #FFFFFF;
  opacity: 1;
  width: 90%;
  max-width: 1000px;
  margin: 0 auto;
}
.contents-wrap.information tr:first-of-type {
  margin-top: 2rem;
}
.contents-wrap.information tr:last-of-type {
  margin-bottom: 2rem;
}
.contents-wrap.information .tbl-r02 th,
.contents-wrap.information .tbl-r02 td {
  border-bottom: none;
  display: block;
  width: 100%;
}
.contents-wrap.information .tbl-r02 th {
  padding: 24px 1rem 12px 1rem;
  font-weight: 400 !important;
}
.contents-wrap.information .tbl-r02 td {
  padding: 0 1rem 24px 1rem;
}
.contents-wrap.information .tbl-r02 td a {
  color: #333;
}
.contents-wrap.information .link-button {
  text-align: end;
  width: 90%;
  max-width: 1000px;
  margin: 0 auto;
  padding-bottom: 20px;
}
.contents-wrap.information .link-button a {
  color: #fff !important;
  background: none;
  border: 1px solid #fff;
}
.contents-wrap.information .link-button a:hover {
  color: #0390DC !important;
  background: #fff;
  border: 1px solid #fff;
}

.contents-wrap.affiliated-hotel .affiliated-wrap {
  width: 90%;
  max-width: 1000px;
  margin: 0 auto;
  flex-wrap: wrap;
  justify-content: space-between;
}
.contents-wrap.affiliated-hotel .affiliated-wrap .img-wrap {
  width: 47%;
  position: relative;
  margin-bottom: 2rem;
}
.contents-wrap.affiliated-hotel .affiliated-wrap .img-wrap:before {
  content: "";
  display: block;
  padding-top: 27%;
  pointer-events: none;
}
.contents-wrap.affiliated-hotel .affiliated-wrap .img-wrap a {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.contents-wrap.affiliated-hotel .affiliated-wrap .img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.to-contactform {
  background-color: #F0F0F0;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  padding: 36px 0;
}
.to-contactform:before {
  content: "";
  display: block;
  position: absolute;
  background-image: url(/fruitflower/images/theme/line3.png);
  top: -8vw;
  left: 0;
  width: 100%;
  height: 9vw;
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: contain;
}
.to-contactform .to-contactform-text {
  padding: 0 1rem;
  font-size: min(3.5vw, 16px);
}
.to-contactform a {
  align-items: center;
  color: #333;
}

.footer-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 32px 0 14px 0;
  background-color: #4DCAC2;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}
.footer-wrap .footer-adress {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  color: #fff;
  font-size: 14px;
}
.footer-wrap ul {
  width: 228px;
  padding: 0;
  font-size: 14px;
}
.footer-wrap ul li {
  list-style: none;
  padding: 0.2rem;
  border-bottom: 1px solid #fff;
}
.footer-wrap ul li a {
  color: #fff;
}
.footer-wrap .copyright {
  font-size: 12px;
  color: #fff;
}/*# sourceMappingURL=common.css.map */