@charset "UTF-8";
/*　                           */
/*　2024/12/209 renewalのため追記*/
/*　header　footer　homepage    */
/*　                           */
header {
  z-index: auto;
}

a:visited,
a:link,
a:hover {
  color: inherit;
}

.page-template-page-top #main-header * {
  color: #fff;
}
body:not(.page-template-page-top) #main-header .nav ul li a{
  color: #547557;
}

body:not(.page-template-page-top) #main-header .menu-toggle span {
  background-color: #547557;
}
body:not(.page-template-page-top) #content{
  padding: 0;
}
body:not(.page-template-page-top) .breadcrumbs{
  margin-bottom: 0;
}
@media (min-width: 1001px) {
  #main-header {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    padding: 30px 110px 30px 40px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    z-index: 1000;
    transition: all 0.3s ease;
    background: transparent;
  }
  #main-header .main-logo {
    width: 220px;
    margin: 0;
  }
  #main-header:not(.scroll) .main-logo .scroll-logo {
    display: none;
  }
  #main-header .nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
  }
  #main-header .nav ul {
    display: flex;
    flex-wrap: wrap;
    margin-right: 20px;
    list-style: none;
    margin-bottom: 0;
  }
  #main-header .nav ul li {
    margin: 0 15px;
    text-align: center;
  }
  #main-header .nav ul li a {
    display: block;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0.15em;
    position: relative;
    text-decoration: none;
  }
  #main-header .nav ul li a::after {
    position: absolute;
    bottom: -5px;
    left: 0;
    content: "";
    width: 100%;
    height: 1px;
    background: #fff;
    transform: scale(0, 1);
    transform-origin: center top;
    transition: transform 0.3s;
  }
  #main-header .nav ul li a:hover {
    opacity: 1;
  }
  #main-header .nav ul li a:hover::after {
    transform: scale(1, 1);
  }
  #main-header .nav ul li a span {
    display: block;
    font-size: 0.8125em;
  }
  #main-header .nav .reserve {
    margin-bottom: 0;
  }
  #main-header .nav .reserve a {
    display: block;
    background-color: #547557;
    text-align: center;
    font-size: 0.9375em;
    line-height: 1.6;
    letter-spacing: 0.1em;
    padding: 5px 1.5em;
    color: #fff;
  }
  #main-header .nav .reserve:hover a {
    background-color: #67906b;
    opacity: 1;
  }
  #main-header .nav .reserve:hover a img {
    opacity: 1;
  }
  #main-header .nav .reserve img {
    position: relative;
    top: -1px;
    margin-right: 2px;
    width: 20px;
  }
  #main-header .nav .reserve a small {
    display: block;
    font-size: 0.8em;
    letter-spacing: 0;
  }
  #main-header.scroll .main-logo .default-logo {
    display: none;
  }
  #main-header.scroll .nav ul,
  #main-header.child .nav ul {
    display: none;
  }
  #main-header.scroll {
    background: rgba(255, 255, 255, 0.9);
  }
  #main-header.scroll > h1 {
    visibility: initial;
  }
  #main-header.scroll .nav.pc-only {
    visibility: initial;
  }
  #main-header.scroll .menu-toggle {
    visibility: initial;
  }
  #main-header.scroll .global-nav {
    visibility: initial;
  }
  #main-header .menu-toggle {
    display: block;
    width: 54px;
    height: 60px;
    position: fixed;
    top: 40px;
    right: 25px;
    z-index: 5000;
  }
  #main-header .menu-toggle::after {
    display: block;
    content: "menu";
    font-family: "Open Sans", sans-serif !important;
    letter-spacing: 0.2em;
    position: absolute;
    right: 0;
    bottom: 0;
  }
  #main-header .menu-toggle span {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 54px;
    height: 1px;
    background-color: #fff;
    transition: ease all 0.5s;
  }
  #main-header .menu-toggle span:nth-child(1) {
    top: 0;
  }
  #main-header .menu-toggle span:nth-child(2) {
    top: 15px;
  }
  #main-header .menu-toggle span:nth-child(3) {
    top: 30px;
  }
  #main-header .menu-toggle.active {
    background-color: transparent;
  }
  #main-header .menu-toggle.active span {
    background-color: #000;
  }
  #main-header .menu-toggle.active span:nth-child(1) {
    top: 20px;
    transform: translateX(-50%) rotate(45deg);
  }
  #main-header .menu-toggle.active span:nth-child(2) {
    display: none;
  }
  #main-header .menu-toggle.active span:nth-child(3) {
    top: 20px;
    transform: translateX(-50%) rotate(-45deg);
  }
  #main-header.scroll .menu-toggle span,
  #main-header.child .menu-toggle span {
    background-color: #547557;
  }
  #main-header.scroll .menu-toggle::after,
  #main-header.child .menu-toggle::after {
    color: #547557;
  }
  #main-header .global-nav {
    display: none;
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    background-color: #fff;
  }
  .open #main-header .global-nav {
    z-index: 2000;
  }
  .open #main-header .nav .reserve {
    z-index: 5000;
  }
  #main-header .global-nav * {
    color: #000;
    list-style: none;
  }
  #main-header .global-nav .wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 230px;
  }
  #main-header .global-nav .inner {
    width: 50%;
    max-width: 380px;
  }
  #main-header .global-nav .inner .nav-list1 li {
    margin-bottom: 40px;
  }
  #main-header .global-nav .inner .nav-list1 li a {
    font-size: 1.5em;
    font-weight: 700;
    letter-spacing: 0.25em;
  }
  #main-header .global-nav .inner .nav-list1 li a span {
    display: block;
    font-size: 0.5833333333em;
  }
  #main-header .global-nav .inner .nav-list2 {
    padding-top: 10px;
  }
  #main-header .global-nav .inner .nav-list2 li {
    font-size: 1.25em;
    font-weight: 700;
    margin-bottom: 30px;
  }
  #main-header .global-nav .inner .nav-list2 li i {
    margin-right: 4px;
  }
  /* footer
  ---------------------------------------------------------------------- */
  footer {
    height: auto;
    padding-top: 0;
  }
  footer * {
    color: #fff !important;
  }
  footer a:link {
    color: #fff;
  }
  footer .main-footer {
    padding: 75px 0 20px 0;
    background-color: #547557;
    background: -webkit-linear-gradient(115deg, #67906b, #547557);
    background: linear-gradient(115deg, #67906b, #547557);
  }
  footer .footer-inner {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 50px;
  }
  footer .footer-inner > div {
    width: 50%;
    padding: 0 25px;
  }
  footer .footer-logo {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }
  footer .footer-logo p {
    width: 200px;
    margin-bottom: 40px;
  }
  footer .footer-logo .social-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    list-style: none;
  }
  footer .footer-logo .social-links li {
    margin-left: 20px;
    font-size: 1.875em;
  }
  footer .footer-logo .social-links li:hover i {
    opacity: 1;
    color: #751717;
  }
  footer .footer-address address {
    font-style: normal;
  }
  footer .footer-address .tel {
    padding: 16px 0 10px 0;
  }
  footer .footer-address .tel a {
    color: #fff;
    font-size: 2em;
    font-weight: 300;
  }
  footer .footer-address .tel svg {
    width: 23px;
    margin-right: 5px;
  }
  footer .footer-address .tel svg path {
    color: #fff;
    fill: currentColor;
  }
  footer .footer-address i {
    margin-right: 5px;
  }
  footer .footer-address ul {
    margin-top: 20px;
    list-style: none;
  }
  footer .footer-address .time {
    line-height: 2;
  }
  footer .footer-address .time a[href^="tel:"] {
    pointer-events: none;
  }
  footer .footer-address .faq-links li {
    margin-bottom: 10px;
  }
  footer .footer-menu {
    font-size: 14px;
    letter-spacing: 0.1em;
    text-align: center;
  }
  footer .copy-footer {
    background-color: #fff;
    padding: 20px 0 20px 0;
  }
  footer .copy-footer * {
    text-align: center;
  }
  footer .copy-footer > div > div {
    font-size: 0.9375em;
    letter-spacing: 0.5em;
    color: #7b7b7b;
    padding-bottom: 35px;
    margin-bottom: 25px;
    border-bottom: 1px solid #575757;
  }
  footer .copy-footer > div > div img {
    width: 145px;
    margin-left: 10px;
    position: relative;
    top: 8px;
  }
  footer .copy-footer .copyright {
    font-size: 0.8125em;
    color: #547557 !important;
    padding: 0;
    margin: 0;
  }
  /*20231101追加*/
  footer .footer-address [data-ruby] {
    position: relative;
  }
  footer .footer-address [data-ruby]::before {
    content: attr(data-ruby);
    position: absolute;
    top: -1.4em;
    left: 0;
    right: 0;
    margin: auto;
    font-size: 0.4em;
    letter-spacing: 0.1em;
    text-align: center;
  }
  footer .footer-address .btn-nav {
    border: 1px solid #fff;
    text-align: center;
    width: 22em;
    margin-bottom: 10px;
    font-size: 14px;
  }
  .contents-f {
    padding-bottom: 100px;
  }
  .sp-only {
    display: none !important;
  }
}
@media (max-width: 1000px) {
  .pc-only {
    display: none !important;
  }
  body {
    padding-top: 0;
  }
  #main-header {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 4vw 2.6666666667vw;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    z-index: 1001;
    transition: all 0.3s ease;
    background: transparent;
  }
  #main-header.scroll,
  #main-header.child {
    background-color: #fff;
  }
  #main-header * {
    color: #fff;
  }
  #main-header .main-logo {
    width: 30%;
    margin: 0;
  }
  #main-header .main-logo a,
  #main-header .main-logo img {
    display: block;
  }
  #main-header .main-logo .scroll-logo {
    display: none;
  }
  #main-header .default-logo {
    display: none;
  }
  #main-header.child .scroll-logo {
    display: block;
  }
  #main-header.scroll .main-logo .scroll-logo {
    display: block;
    width: 10.1333333333vw;
  }
  #main-header.scroll .main-logo .default-logo {
    display: none;
  }
  #main-header.child .main-logo {
    width: 10.1333333333vw;
  }
  #main-header .menu-toggle {
    width: 20vw;
    height: 72px;
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 5000;
    background-color: #fff;
  }
  #main-header .menu-toggle::after {
    display: block;
    content: "menu";
    font-family: "Open Sans", sans-serif !important;
    font-size: 0.8125em;
    letter-spacing: 0.2em;
    position: absolute;
    left: calc(50% - 1.7em);
    color: #000;
    bottom: 2.6666666667vw;
  }
  #main-header .menu-toggle span {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 6.6666666667vw;
    height: 1px;
    background-color: #000;
    transition: ease all 0.5s;
  }
  #main-header .menu-toggle span:nth-child(1) {
    top: 4.5333333333vw;
  }
  #main-header .menu-toggle span:nth-child(2) {
    top: 7.2vw;
  }
  #main-header .menu-toggle span:nth-child(3) {
    top: 9.8666666667vw;
  }
  #main-header .menu-toggle.active {
    background-color: transparent;
    border-top: none !important;
  }
  #main-header .menu-toggle.active::after {
    content: "";
  }
  #main-header .menu-toggle.active span {
    background-color: #000;
  }
  #main-header .menu-toggle.active span:nth-child(1) {
    top: 20px;
    transform: translateX(-50%) rotate(45deg);
  }
  #main-header .menu-toggle.active span:nth-child(2) {
    display: none;
  }
  #main-header .menu-toggle.active span:nth-child(3) {
    top: 20px;
    transform: translateX(-50%) rotate(-45deg);
  }
  #main-header.scroll .menu-toggle {
    display: block;
    border-top: 1px solid #547557;
  }
  #main-header.scroll .menu-toggle span,
  #main-header.child .menu-toggle span {
    background-color: #547557;
  }
  #main-header.scroll .menu-toggle::after,
  #main-header.child .menu-toggle::after {
    color: #547557;
  }
  #main-header .global-nav {
    display: none;
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    background-color: #fff;
    overflow: auto;
    padding-bottom: 16vw;
  }
  .open #main-header .global-nav {
    z-index: 2000;
  }
  .open #main-header .nav .reserve {
    z-index: 5000;
  }
  #main-header .global-nav * {
    color: #000;
    list-style: none;
  }
  #main-header .global-nav ul {
    list-style: none;
  }
  #main-header .global-nav .wrap {
    padding-top: 10.6666666667vw;
    padding-left: 14.6666666667vw;
  }
  #main-header .global-nav .inner .nav-list1 li {
    margin-bottom: 5.8vw;
  }
  #main-header .global-nav .inner .nav-list1 li a {
    font-size: 1.5em;
    font-weight: 700;
    letter-spacing: 0.25em;
    line-height: 1.2;
  }
  #main-header .global-nav .inner .nav-list1 li a span {
    display: block;
    font-size: 0.6666666667em;
  }
  #main-header .global-nav .inner .nav-list2 {
    padding-top: 2.6666666667vw;
  }
  #main-header .global-nav .inner .nav-list2 li {
    font-size: 1.1875em;
    font-weight: 700;
    margin-bottom: 2.6666666667vw;
  }
  #main-header .global-nav .inner .nav-list2 li i {
    margin-right: 1.3333333333vw;
  }
  /* footer
    ---------------------------------------------------------------------- */
  footer {
    background: #547557;
    height: auto;
    font-size: 1.1em;
    margin-top: 5rem;
  }
  footer * {
    color: #fff;
    text-align: center;
  }
  footer a:link {
    color: #fff;
  }
  footer .main-footer {
    padding: 10.6666666667vw 0 8vw 0;
  }
  footer .footer-inner {
    margin-bottom: 8vw;
  }
  footer .footer-logo p {
    width: 220px;
    margin: 0 auto 6.6666666667vw;
  }
  footer .footer-logo .social-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 5.3333333333vw;
    list-style: none;
  }
  footer .footer-logo .social-links li {
    font-size: 1.6875em;
    width: 8vw;
    margin: 0 4vw;
    color: #fff;
  }
  footer .footer-address address {
    font-style: normal;
  }
  footer .footer-address .tel {
    font-size: 1.75em;
    font-weight: 300;
    padding: 4.8vw 0 2.6666666667vw 0;
  }
  footer .footer-address .tel svg {
    width: 5.3333333333vw;
    margin-right: 1.3333333333vw;
  }
  footer .footer-address .tel svg path {
    color: #fff;
    fill: currentColor;
  }
  footer .footer-address i {
    margin-right: 1.3333333333vw;
  }
  footer .footer-address ul {
    margin-top: 5.3333333333vw;
  }
  footer .footer-address .time {
    line-height: 2;
  }
  footer .footer-address .faq-links li {
    margin-bottom: 10px;
  }
  footer .footer-menu {
    font-size: 0.875em;
    letter-spacing: 0.1em;
    text-align: center;
    line-height: 2.2;
  }
  footer .copy-footer {
    background-color: #fff;
    padding: 20px 0 92px;
  }
  footer .copy-footer * {
    text-align: center;
  }
  footer .copy-footer > div > div {
    font-size: 0.9375em;
    letter-spacing: 0.5em;
    color: #7b7b7b;
    padding-bottom: 6.6666666667vw;
    margin-bottom: 6.6666666667vw;
    border-bottom: 1px solid #575757;
  }
  footer .copy-footer > div > div img {
    width: 38.6666666667vw;
    margin-left: 2.6666666667vw;
    position: relative;
    top: 2.1333333333vw;
  }
  footer .copy-footer .copyright {
    font-size: 0.8125em;
    color: #547557 !important;
    margin: 0;
    padding: 0;
  }
  /*20231101追加*/
  footer .footer-address .tel [data-ruby] {
    position: relative;
  }
  footer .footer-address .tel [data-ruby]::before {
    content: attr(data-ruby);
    position: absolute;
    top: -1.5em;
    left: 0;
    right: 0;
    margin: auto;
    font-size: 0.3em;
    letter-spacing: 0.3em;
    text-align: center;
  }
  footer .footer-address .btn-nav {
    border: 1px solid #fff;
    margin: 2.4vw auto;
    padding: 1.6vw;
    width: 21.875em;
    font-size: 0.875em;
  }
  /* .talkappi-chat-minimized {
    bottom: 80px !important;
  } */
  #page-top {
    bottom: 70px;
  }
  .footer-sp {
    width: 80vw;
    height: 72px;
    /*display: none;*/
    display: flex;
    flex-wrap: wrap;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 1000;
    border-top: 1px solid #547557;
  }
  .footer-sp.scroll {
    display: flex !important;
  }
  .footer-sp * {
    color: #fff;
  }
  .footer-sp a:link {
    color: #fff;
  }
  .footer-sp p {
    margin: 0;
  }
  .footer-sp .access a {
    display: block;
    width: 20vw;
    height: 72px;
    font-size: 12px;
    text-align: center;
    background-color: #7DA3A1;
    padding-top: 12px;
  }
  .footer-sp .access a i {
    display: block;
    font-size: 20px;
    margin-bottom: 8px;
  }
  .footer-sp .access a img {
    display: block;
    width: 4.8vw;
    margin: 0 auto 1.3333333333vw;
  }
  .footer-sp .reserve a {
    display: block;
    width: 60vw;
    height: 72px;
    background: #547557;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.1em;
    padding: 10px 0;
    text-decoration: none;
  }
  .footer-sp .reserve2 a {
    display: block;
    width: 40vw;
    height: 18.6666666667vw;
    background-color: #3b4b72;
    text-align: center;
    font-size: 0.9375em;
    line-height: 2;
    letter-spacing: 0.1em;
    padding: 2.1333333333vw 0;
  }
  .footer-sp .reserve:hover a {
    background-color: #751717;
    opacity: 1;
  }
  .footer-sp .reserve:hover a img {
    opacity: 1;
  }
  .footer-sp .reserve img {
    width: 22px;
    position: relative;
    top: -0.8vw;
    margin-right: 0.5333333333vw;
  }
  .footer-sp .reserve a small {
    display: block;
    font-size: 0.8em;
    letter-spacing: 0;
    font-weight: normal;
  }
  .footer-sp .event a {
    display: block;
    width: 26.6666666667vw;
    height: 18.6666666667vw;
  }
  .footer-sp .event a img {
    width: 100%;
  }
  /* End @media ( orientation:landscape )  */
}
@media (max-width: 1000px) and (orientation: landscape) {
  .footer_sp .access a {
    font-size: 2vw;
  }
  .footer_sp .reserve a {
    font-size: 2vw;
  }
  .footer_sp .reserve img {
    width: 3.2vw;
    position: relative;
    top: -0.8vw;
    margin-right: 0.5333333333vw;
  }
  #mainheader .open {
    height: 72px;
  }
  #mainheader .open::after {
    /*display: block;*/
    /*content: 'menu';*/
    /*font-family: 'Open Sans', sans-serif !important;*/
    font-size: 12px;
    /*letter-spacing: 0.2em;*/
    /*position: absolute;*/
    /*left: calc(50% - 1.7em);*/
    /*color: #000;*/
    /*bottom: calc(2 / 375 * 100vw);*/
    bottom: 10px;
  }
  #mainheader .open span:nth-child(1) {
    top: 17px;
  }
  #mainheader .open span:nth-child(2) {
    top: 27px;
  }
  #mainheader .open span:nth-child(3) {
    top: 37px;
  }
  #mainheader .open.active span:nth-child(1) {
    top: 5vw;
  }
  #mainheader .open.active span:nth-child(3) {
    top: 5vw;
  }
  #mainheader .g_nav .wrap {
    padding-left: 10vw;
    padding-right: 10vw;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  #mainheader .g_nav .wrap .inner {
    width: 49%;
  }
  #page-top {
    display: none !important;
  }
  #page-top a {
    font-size: 0.625em;
    width: 10vw;
    height: 10vw;
  }
  #page-top a:before {
    width: 10vw;
  }
  #trip_ai_container {
    width: 10vw !important;
    height: 10vw !important;
  }
}
div.sliderbox {
  padding-top: 0;
}

img {
  max-width: 100%;
}

/* PC
---------------------------------------------------------------------- */
@media (min-width: 1001px) {
  #gt_float_wrapper {
    bottom: 136px !important;
    left: 35px !important;
  }
}

/* SP
---------------------------------------------------------------------- */
@media screen and (max-width: 1000px) {
  #gt_float_wrapper {
    position: static !important;
    margin: 4.5rem 0 0 -2rem;
  }
}
@media screen and (max-width: 1000px){
  .talkappi-chat-minimized{
    bottom: 80px !important;
  }
}

/* 2025/03/20 変更ここから */
div.skiptranslate,#google_translate_element2{display:none!important}body{top:0!important}font font{background-color:transparent!important;box-shadow:none!important;position:initial!important}.gt_float_switcher{font-family:Arial;font-size:20px;border-radius:2px;color:#555;display:inline-block;line-height:20px;box-shadow:rgba(0,0,0,0.15) 0 5px 15px;background:#fff;overflow:hidden;transition:all .5s cubic-bezier(0.4, 0, 1, 1)}.gt_float_switcher img{vertical-align:middle;display:inline-block;width:33px;height:auto;margin:0 5px 0 0;border-radius:3px}.gt_float_switcher .gt_options{position:relative;z-index:777;max-height:250px;overflow-y:auto;transform:translateY(-30px);opacity:0;cursor:pointer;transition:all .8s cubic-bezier(.3,1.1,.4,1.1)}.gt_float_switcher .gt_options a{display:block;text-decoration:none;padding:10px 15px;color:#444;transition:color .4s linear}.gt_float_switcher .gt-selected{position:relative;z-index:888;background-color:#fff;cursor:pointer;text-transform:uppercase;overflow:hidden;text-align:left}.gt_float_switcher .gt_options.gt-open{opacity:1;transform:translateX(0px)}.gt_float_switcher .gt_options::-webkit-scrollbar-track{background-color:#f5f5f5}.gt_float_switcher .gt_options::-webkit-scrollbar{width:5px}.gt_float_switcher .gt_options::-webkit-scrollbar-thumb{background-color:#888}.gt_float_switcher .gt_options a:hover{background:#6070a0;color:#fff}.gt_float_switcher .gt_options a.gt-current{display:none}.gt_float_switcher .gt-selected .gt-current-lang{padding:10px 15px;color:#333;font-weight:bold}.gt_float_switcher .gt-selected .gt-current-lang span.gt-lang-code{position:relative;top:2px}.gt_float_switcher .gt-selected .gt-current-lang span.gt_float_switcher-arrow{display:inline-block;height:24px;width:15px;vertical-align:middle;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 285 285'><path d='M282 76.5l-14.2-14.3a9 9 0 0 0-13.1 0L142.5 174.4 30.3 62.2a9 9 0 0 0-13.2 0L3 76.5a9 9 0 0 0 0 13.1l133 133a9 9 0 0 0 13.1 0l133-133a9 9 0 0 0 0-13z' style='fill:%23666'/></svg>");background-position:50%;background-size:11px;background-repeat:no-repeat;transition:all .3s;transform:rotate(-180deg)}.gt_float_switcher .gt-selected .gt-current-lang span.gt_float_switcher-arrow.gt_arrow_rotate{transform:rotate(0deg)}
/* 2025/03/20 変更ここまで */



/*　ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
　　ここから　コンテンツページ関係



	ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー




/*　ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
　　ページ内　navigation
	ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/

.inside-navi{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0 auto;
}

@media (max-width: 580px) {

.inside-navi{
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 0;
  margin: 0 auto;
}
}


.col_navi3c{
  width : 33.33333% ; 
  width : -webkit-calc(100% / 3) ;
  width : calc(100% / 3) ;
  align-self: center;
  padding: 20px;
  margin: 0;
  box-sizing: border-box !important;
}

@media (max-width: 580px) {

.col_navi3c{
  width : 100% ; 
  align-self: center;
  padding: 16px;
  margin: 0 ;
  box-sizing: border-box !important;
}
}

.inside-navi{
  margin: 68px auto;
  background-color: #fafafa;
  padding: 16px;
  border-radius: 18px;
}
/* 
.inside-navi a:link {
  color: #fff;
}
.inside-navi a:visited {
  color: #fff;
}
.inside-navi a:visited {
  color: #fff;
}  */


.btn_hnavi-1 {
  position: relative;
  /* width: 80%; */
  max-width: 420px;
  text-decoration: none;
  display: block;
  background-color: #fff;
  color: #547557 !important;
  padding: 10px 40px 10px 30px;
  border: 1px solid #547557;
  border-radius: 18px;
  text-align: center;
  outline: none;
  transition: ease .2s;
  margin: 0 auto !important;
  box-shadow: 0px 10px 10px -6px rgba(84, 117, 87, 0.3);
  /* background-image: linear-gradient(180deg,rgba(84, 117, 87, 1) 0%, rgba(105, 130, 27, 1) 70%); */
}

@media (max-width: 580px) {
.btn_hnavi-1 {
  font-weight: 600;
}
}
.btn_hnavi-1:hover{
  background-color: #fff;
  color: #547557 !important;
}

.btn_hnavi-1::after{
  content: '';
  position: absolute;
  top:42%;
  right: 13px;
  /*矢印*/
    width: 8px;
    height: 8px;
    border-top: 2px solid #547557;
    border-right: 2px solid #547557;
    transform: rotate(45deg);
  /*矢印の動作*/
    transition: all .3s;
}
/**/
.btn_hnavi-1:hover::after{
  right: 11px;
}

.btn_hnavi-1:link {
  color: #547557 !important;;
}
.btn_hnavi-1:visited {
  color: #547557 !important;
}
.btn_hnavi-1:visited {
  color: #547557 !important;
}

/*　ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
　　コンテンツの試験
	ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/

@media (max-width: 580px) {
.table-detail td{
  margin-top: 1em;
  margin-left: 1em;
  margin-bottom: 2em;
}
}








/*　ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
　　ボタン変更  
	ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/




.btn-st_3 {
  position: relative;
  display: inline-block;
  font-weight: normal;
  padding: 0.6em 2.5em;
  text-decoration: none;
  color: #69821b !important; 
  /*background: #69821b; 
  background: #547557;*/
  background: #fff;
  transition: .4s;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1em !important;
  border: 1px solid #69821b;
  
    border-radius: 5px;
    -webkit-border-radius: 5px;  
    -moz-border-radius: 5px;
    box-shadow: 0px 10px 10px -6px rgba(84, 117, 87, 0.3);
}


/*2021/06/14　隙間などを調整*/
@media (max-width: 580px) {
	
.btn-st_3 {
  position: relative;
  display: inline-block;
  font-weight: normal;
  padding: 0.8em 2.5em;
  text-decoration: none;
  color: #547557 !important; 
  font-weight: 600;
  /*background: #69821b; */
  /* background: #547557; */
  background: #fff;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1.2em;
  border: 1px solid #547557 ;
  
  border-radius: 5px;
  -webkit-border-radius: 5px;  
  -moz-border-radius: 5px;
  min-width: 80%;
  text-align: center !important;
  box-sizing: border-box;
  box-shadow: 0px 10px 10px -6px rgba(84, 117, 87, 0.3);
}


}


.btn-st_3:hover {
  background: #67906b;
  color: #fff !important;
  text-decoration: none;
}



.font_90{font-size: 80% !important;}
.font_90{font-size: 80% !important;}
.font_90{font-size: 80% !important;}
.font_90{font-size: 80% !important;}
.font_90{font-size: 80% !important;}
.font_90{font-size: 80% !important;}
.img_100{width: 100%; margin: 0 auto;}
.img_90{width: 90%; margin: 0 auto;}
.img_80{width: 80%; margin: 0 auto;}
.img_70{width: 70%; margin: 0 auto;}
.img_60{width: 60%; margin: 0 auto;}
.img_50{width: 50%; margin: 0 auto;}

.img_sp1{width: 60%; margin: 0 auto;}
@media (max-width: 580px) {
  .img_sp1{width: 80%; margin: 0 auto;}
} 



.box_vsearch{
  width: 90%;
  max-width: 680px;
  margin: 80px auto;
}

@media (max-width: 580px) {
.box_vsearch{
  width: 100%;
  max-width: 680px;
  margin: 80px auto;
}

}


/**********  会員登録のボタン　***************************************/

.btn-sys_2  {
  position: relative;
  display: inline-block;
  font-weight: normal;
  padding: 12px 48px;
  text-decoration: none;
  color: #69821b !important; 
  /*background: #69821b; 
  background: #547557;*/
  background: #fff;
  transition: .4s;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1em !important;
  border: 1px solid #69821b;
  
    border-radius: 5px;
    -webkit-border-radius: 5px;  
    -moz-border-radius: 5px;
    box-shadow: 0px 10px 10px -6px rgba(84, 117, 87, 0.3);
}


/*2021/06/14　隙間などを調整*/
@media (max-width: 580px) {
	
.btn-sys_2  {
  position: relative;
  display: inline-block;
  font-weight: normal;
  padding: 12px 48px;
  text-decoration: none;
  color: #547557 !important; 
  font-weight: 600;
  /*background: #69821b; */
  /* background: #547557; */
  background: #fff;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1.2em;
  border: 1px solid #547557 ;
  
  border-radius: 5px;
  -webkit-border-radius: 5px;  
  -moz-border-radius: 5px;
  min-width: 80%;
  text-align: center !important;
  box-sizing: border-box;
  box-shadow: 0px 10px 10px -6px rgba(84, 117, 87, 0.3);
}


}


.btn-sys_2 :hover {
  background: #7da3a1;
  color: #fff !important;
  text-decoration: none;
}


.btn-sys_2::after{
  content: '';
  position: absolute;
  top:42%;
  right: 13px;
  /*矢印の形*/
    width: 8px;
    height: 8px;
    border-top: 2px solid #547557;
    border-right: 2px solid #547557;
    transform: rotate(45deg);
  /*アニメーション*/
    transition: all .3s;
  }
  /*矢印の移動稜*/
  .btn-sys_2:hover::after{
    right: 11px;
  }



/**********  赤ちゃんとのご旅行ガイド　 お部屋ページ　等　*******************************/

.box_btn_st1{
	text-align: center;
}

.btn-st_1 {
  position: relative;
  display: inline-block;
  font-weight: normal;
  font-size: 1.2em;
  padding: 18px 62px;
  text-decoration: none;
  color: #547557 !important; 
  /* background: #547557; */
  background: #fff;
  transition: .4s;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #547557;
  /* 2019/10/11　角丸　に変更　*/
    border-radius: 5px;
    -webkit-border-radius: 5px;  
    -moz-border-radius: 5px;
}

.btn-st_1:hover {
  background: #fff;
  color: #547557 !important;
  text-decoration: none;
}


@media (max-width: 580px) {

.btn-st_1 {
  position: relative;
  display: inline-block;
  font-weight: normal;
  font-size: 1.2em;
  
  padding: 1.2em 0em;
  text-decoration: none;
  color: #547557 !important; 
  /* background: #547557; */
  background: #fff;
  transition: .4s;
  margin-left: auto;
  margin-right: auto;
  font-weight: 600;
  width: 90%; /*文字数に依存せず幅を設定*/
  border: 1px solid #547557; /*スマホ時は太字に*/
}

}


/*　ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
　　トップページ関係 
	ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
/*  ご案内の表示　******************/

#section_topinfo{
  width: 100%;
  max-width: 1080px;
  margin: 88px auto;
  display: flex;
  flex-wrap: wrap;
}

@media (max-width: 580px) {
  #section_topinfo{
    width: 100%;
    max-width: 1080px;
    margin: 88px auto;
    display: flex;
    flex-direction: column;
  }
}

.top_information{
  width : 33.33333% ; 
  width : -webkit-calc(100% / 3) ;
  width : calc(100% / 3) ;
  padding: 36px 16px;
  margin: 0;
	box-sizing: border-box !important;
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
  border-right: 1px solid #999;
  border-left:  none;
  text-align: center;
}

.top_information:last-child{

  width : 33.33333% ; 
  width : -webkit-calc(100% / 3) ;
  width : calc(100% / 3) ;
  padding: 36px 16px;
  margin: 0;
	box-sizing: border-box !important;
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
  border-right: none;
  border-left:  none;
}


.top_information h3{
  font-family: "Sawarabi Mincho"; 
  font-size: 140%;
  font-weight: 600;
  color: #547557;
  width : 100% ; 
  height: 2.5em;
  text-align: center;
  margin-top: 14px;
  margin-bottom: 36px;
  align-self: center;

  position: relative;
  display: inline-block;
}


.top_information h3:before {
  content: '◇◇◇◇◇';
  position: absolute;
  bottom: -20px;
  display: inline-block;
  width: 60px;
  height: 0px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #547557;
  border-radius: 2px;
  font-size: 50%;
  color: #69821b;
  margin-bottom: 12px;
}


.top_information h3 span{
  line-height: 2em;
   text-align: center;
}
  
  
.top_information p{
  margin-top: 24px;
  margin-bottom: 14px;
}


.top_information img{
  width: 30%;
  height: auto;
  margin: 0 auto 24px auto;
}

@media (max-width: 880px) {
  .top_information{
    width :100% ;  
    padding: 16px;
    margin: 0;
    box-sizing: border-box !important;
    border-top: 1px solid #999;
    border-bottom: none;
    border-right: none;
    border-left:  none;
  }
  
  .top_information:last-child{
  
    width :100% ; 

    padding: 16px;
    margin: 0;
    box-sizing: border-box !important;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    border-right: none;
    border-left:  none;
  }

  .top_information h3{
    font-family: "Sawarabi Mincho";
    font-size: 160%;
    font-weight: 600;
    width : 100% ; 
    text-align: center;
    margin-top: 14px;
    margin-bottom: 48px;
  }
  .top_information h3:before {
    content: '◇◇◇◇◇';
    position: absolute;
    bottom: -15px;
    display: inline-block;
    width: 60px;
    height: 0px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #547557;
    border-radius: 2px;
    font-size: 50%;
    color: #69821b;
  } 
  .top_information p{
    margin-top: 0px;
    margin-bottom: 14px;
  } 
}

/*  加盟団体などのご紹介　******************/

#section_affiliation{
  width: 100%;
  max-width: 1080px;
  margin: 88px auto;
  display: flex;
  flex-wrap: wrap;
}

/* @media (max-width: 580px) {
  #section_emblem{
    width: 100%;
    max-width: 1080px;
    margin: 88px auto;
    display: flex;
    flex-direction: column;
  }
} */

.box_emblem{
  width : 20%; 
  padding: 16px;
  margin: 0;
  border: none;
  box-sizing: border-box !important;
  text-align: center;
}
  
@media (max-width: 880px) {
.box_emblem{
  width : 50%; 
  padding: 16px;
  margin: 0;
  border: none;
  box-sizing: border-box !important;
  text-align: center;
}
}

.box_emblem img{
  width: 50%;
}


/*  トップページのボタン　******************/


.btn-tc_1 {
  position: relative;
  width: 80%;
  max-width: 420px;
  text-decoration: none;
  display: block;
  /** background: #b0ca71; **/
  background: #fff;
  color:#547557;
  padding: 10px 40px 10px 30px;
  border: 1px solid #547557;
  border-radius:2px;
  text-align: center;
  outline: none;
  transition: ease .2s;
  margin: 48px auto !important;
  box-shadow: 0px 10px 10px -6px rgba(0, 0, 0, 0.2);
  }
  
  .btn-tc_1:hover{
  background: #fff;
  color: #547557;
  }
  
  .btn-tc_1::after{
  content: '';
  position: absolute;
  top:42%;
  right: 13px;
  /*矢印の形*/
  width: 8px;
  height: 8px;
  border-top: 2px solid #547557;
  border-right: 2px solid #547557;
  transform: rotate(45deg);
/*アニメーション*/
  transition: all .3s;
}
/*矢印の移動稜*/
.btn-tc_1:hover::after{
  right: 11px;
}
.btn-tc_1:link {
  color: #547557 !important;
}
.btn-tc_1:visited {
  color: #547557 !important;
}


/*  トップページ見出しの修正　******************/
.text_con1{
  color: #547557 !important;
  position: relative;
  display: inline-block;
  margin-bottom: 48px !important;
  line-height: 1;
}

@media (max-width: 880px) {
  .text_con1{
    font-size: 2.3em !important;
    letter-spacing: 0.1em;
    color: #547557 !important;
    position: relative;
    display: inline-block;
    margin-bottom: 48px !important;
  }
}

.text_con1:before {
  content: '';
  position: absolute;
  bottom: -15px;
  display: inline-block;
  width: 80px;
  height: 2px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #547557;
  border-radius: 2px;
}


.text_con_info{
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Sawarabi Mincho" , serif;
  font-size: 1.5em;
  color: #547557 !important;
  position: relative;
  display: inline-block;
  margin-bottom: 48px !important;
  width: 100%;
  text-align: center;
}

.text_con_info:before {
  content: '';
  position: absolute;
  bottom: -15px;
  display: inline-block;
  width: 60px;
  height: 2px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #547557;
  border-radius: 2px;
}

.text_introduction{
  text-align: center !important;
  width: 100%;
  max-width: 980px;
  margin: 0 auto !important;
}
@media (max-width: 880px) {
  .text_introduction{
    text-align: left !important;
  }
}

/*  プランカテゴリーの表示　******************/
#section_planlist{
  margin: 0 auto 48px auto;
}

#section_planlist img{
  border: 1px solid #547557;
}


/*  プランカテゴリーの表示　******************/
#section_bannerarea{
  margin: 0 auto 48px auto;
}

#section_bannerarea img{
  width: 100%;
}
@media (max-width: 880px) {
#section_bannerarea img{
  width: 70%;
}
}

/*  電話番号のリンクを調整　******************/
a[href^="tel:"] {
  pointer-events: none;
}
@media (max-width: 880px) {
a[href^="tel:"] {
  pointer-events: auto;
}
}
  

/*  Desktopで見やすい様に調整　******************/
.row_top_c1{
  margin-top: 186px;
}

@media (max-width: 880px) {
.row_top_c1{
  margin-top: 88px;
}
}



.btn{
  background-color: #7da3a1;
  color: #fff;
}
.btn:hover{
  background-color: #7da3a1;
  color: #fff;
}



/*  npc 表示チェック　******************/
#npcatch .date{
	float: left;
	margin-right: 8px;
}

#npcatch li{
	list-style: none;
}



/*  画像付きナビゲーション     ***************/

.inside-navi1{
  width: 100%;
  max-width: 980px;
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0 auto;
}


@media (max-width: 580px) {
.inside-navi1{
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 0;
  margin: 0 auto;
}
}

.col_navi4c_i{
  width : 25% ; 
  width : -webkit-calc(100% / 4) ;
  width : calc(100% / 4) ;
  align-self: center;
  padding: 30px;
  box-sizing: border-box !important;
}

.col_navi4c_i dl{
  display: flex;
  flex-wrap: wrap;
  border: #547557 solid 1px;
}

.col_navi4c_i dt{
  width: 100%;
  text-align: center;
}

.col_navi4c_i dd{
  text-align: center;
  width: 100%;
  padding: 12px 0;
}

.col_navi4c_i dt img{
  margin: 0;
}

@media (max-width: 580px) {
.col_navi4c_i{
  width : 90% ; 
  align-self: center;
  padding: 16px;
  margin: 0 5%;
  box-sizing: border-box !important;
}
.col_navi4c_i dl{
  display: flex;
  flex-wrap: wrap;
  border: #3b4b72 solid 1px;
  width: 100%;
}
.col_navi4c_i dt{
width: 30%;
}
.col_navi4c_i dd{
width: 70%;
text-align: center;
align-self: center;
}
}


/* ▼▼▼▼▼▼ 要確認 ▼▼▼▼▼　*/
footer{
  margin-top: 88px !important;
}

/* パララックス修正 2025/5/2 */
@media(min-width:768px){
  .paraslimy-bg{
    left: 0;
    width: 200%;
  }
}