.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
word-break: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: 0.2em 0.8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: "";
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}.wpcf7 form{position:relative}.wpcf7 form>div,.wpcf7 form>p{margin-bottom:1.2em}.wpcf7 .wpcf7-form-control-wrap{width:100%;display:block}.wpcf7 input:not([type=submit]):focus,.wpcf7 select:focus,.wpcf7 textarea:focus{border-color:var(--ast-border-color);outline:0}.wpcf7 input:not([type=submit]),.wpcf7 select,.wpcf7 textarea{width:100%;padding:.75em}.wpcf7 input[type=file]{color:#666;height:auto;border-width:1px;border-style:solid;border-color:var(--ast-border-color);border-radius:2px;background:#fafafa;box-shadow:none;box-sizing:border-box;transition:all .2s linear}.wpcf7 input[type=checkbox],.wpcf7 input[type=radio]{display:inline-block;background:#e9eef2;color:#555;clear:none;cursor:pointer;line-height:0;height:1.2em;margin:-3px 4px 0 0;outline:0;padding:0;border-radius:.2em;text-align:center;vertical-align:middle;width:1.4em;min-width:1.4em;transition:all .2s linear}html {
font-family: Noto Sans JP, sans-serif !important;
}
_:lang(x)::-ms-backdrop,
html {
font-family: Noto Sans JP, sans-serif
}
body {
margin: 0;
padding: 0;
background: var(--main-bg-color);
line-height: 1.6
}
a,
body {
color: var(--main-text-color);
font-family: Noto Sans JP, sans-serif
}
a {
text-decoration: none !important;
}
li {
list-style: none outside;
}
.footer,
.header {
flex: 0 0 auto;
}
img {
border-style: none;
vertical-align: bottom;
}
img,
svg {
width: 100%;
height: auto;
} .header {
z-index: 20;
position: fixed;
top: 0;
width: 100%;
transition: .8s;
}
@media (min-width: 768px) {
body .header {
opacity: 0;
}
}
@media (min-width: 768px) {
body.load .header {
opacity: 1;
transition: .8s;
padding: 2.08333vw 2.63889vw 0;
}
}
.header.hidden {
display: none;
}
.header .header__inner {
display: flex;
align-items: center;
}
@media (min-width: 768px) {
.header .header__inner {
justify-content: flex-end;
padding: 2.08333vw 2.63889vw 0;
}
}
.header__sns {
display: none;
}
@media (min-width: 768px) {
.header__sns {
display: flex;
margin: 0;
transition: opacity 0.3s ease-in-out;
}
}
@media (min-width: 768px) {
.header__sns li {
width: 2.08333vw;
margin: 0 1.18056vw;
}
}
.header__sns li:first-child {
margin-left: 0;
}
.header__sns a {
display: block;
width: 2.01389vw;
height: 2.01389vw;
backface-visibility: hidden;
background-position-x: 50%;
background-repeat: no-repeat;
background-size: 100% auto;
-webkit-transition: background .3s;
transition: background .3s;
}
.header__sns a.header__sns--fb {
background-image: url(https://bbg.jp/wp-content/themes/astra-child/assets/img/icon/facebook_gray.svg);
}
.header__sns a.header__sns--ig {
background-image: url(https://bbg.jp/wp-content/themes/astra-child/assets/img/icon/instagram_gray.svg);
}
.header__sns a.header__sns--x {
background-image: url(https://bbg.jp/wp-content/themes/astra-child/assets/img/icon/x_gray.svg);
}
.header .header__button {
display: none;
border: 2px solid var(--header-border-color);
background-color: transparent;
color: var(--header-text-color);
font-family: "Noto Serif JP", serif;
font-weight: bold;
-webkit-transition: .6s ease-in-out;
transition: .6s ease-in-out;
}
.header .header__button:hover {
background-color: var(--header-border-color);
color: #fff;
}
@media (min-width: 768px) {
.header .header__button {
display: inline-block;
margin-left: 2.22222vw;
transition: opacity 0.3s ease-in-out;
}
.header .header__button:first-child {
margin-right: auto;
order: -1;
}
}
.header .header__button .reserve {
margin-left: 0;
}
.header.header--active .header__button {
border: 1px solid var(--header-active-border-color);
color: var(--header-active-text-color);
}
@media (min-width: 768px) {
.header .header__button span {
padding: .83333vw 1.52778vw;
}
}
.header .header__button span {
display: inline-block;
}
.menu-state {
display: none;
}
.menu {
display: inline-block;
z-index: 300;
position: fixed;
top: 2.66667vw;
right: 6.66667vw;
width: 13.33333vw;
height: 13.33333vw;
cursor: pointer;
}
@media (min-width: 768px) {
.menu {
position: relative;
top: auto;
right: auto;
width: 4.44444vw;
height: 4.44444vw;
margin-left: 1.66667vw;
}
}
.menu .menu__inner {
position: absolute;
top: 50%;
left: 50%;
width: 10.13333vw;
height: 10.13333vw;
overflow: hidden;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
@media (min-width: 768px) {
.menu .menu__inner {
width: 2.77778vw;
height: 2.77778vw;
}
}
.menu .menu__line {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 1.5px;
background-color: var(--header-border-color);
-webkit-transition: .6s cubic-bezier(.65, 0, .35, 1);
transition: .6s cubic-bezier(.65, 0, .35, 1);
}
.menu .menu__line:first-child {
-webkit-transform: translate(-50%, -1.433vw);
transform: translate(-50%, -1.433vw);
}
@media (min-width: 768px) {
.menu .menu__line:first-child {
-webkit-transform: translate(-50%, -.344vw);
transform: translate(-50%, -.344vw);
}
}
.menu .menu__line:nth-child(2) {
-webkit-transform: translate(-7vw, 1.433vw);
transform: translate(-7vw, 1.433vw);
}
@media (min-width: 768px) {
.menu .menu__line:nth-child(2) {
-webkit-transform: translate(-70%, .344vw);
transform: translate(-70%, .344vw);
-webkit-transition-delay: .2s;
transition-delay: .2s;
}
}
@media (min-width: 768px) {
.menu .menu__line:nth-child(3) {
-webkit-transform: translate(-170%, -.344vw);
transform: translate(-170%, -.344vw);
}
}
@media (min-width: 768px) {
.menu .menu__line:nth-child(4) {
-webkit-transform: translate(-190%, .344vw);
transform: translate(-190%, .344vw);
-webkit-transition-delay: .2s;
transition-delay: .2s;
}
}
.header.header--active .menu .menu__line {
background-color: var(--header-active-bg-color);
}
.menu-state:checked~.menu .menu__line {
background-color: var(--header-border-color);
will-change: transfrom;
}
@media (min-width: 768px) {
.menu-state:checked~.menu .menu__line {
-webkit-transition: .8s;
transition: .8s;
}
}
@media (max-width: 767px) {
.menu .menu__line {
-webkit-transition: .6s cubic-bezier(.65, 0, .35, 1);
transition: .6s cubic-bezier(.65, 0, .35, 1);
}
}
@media (min-width: 768px) {
.menu-state:checked~.menu .menu__line:first-child {
-webkit-transform: translate(150%, -.344vw);
transform: translate(150%, -.344vw);
opacity: 0;
}
}
@media (max-width: 767px) {
.menu-state:checked~.menu .menu__line:first-child {
-webkit-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg);
}
}
.menu .menu__line:nth-child(2) {
-webkit-transform: translate(-7vw, 1.433vw);
transform: translate(-7vw, 1.433vw);
}
@media (min-width: 768px) {
.menu .menu__line:nth-child(2) {
-webkit-transform: translate(-70%, .344vw);
transform: translate(-70%, .344vw);
-webkit-transition-delay: .2s;
transition-delay: .2s;
}
}
.menu-state:checked~.menu .menu__line:nth-child(2) {
top: 50%;
left: 50%;
}
@media (min-width: 768px) {
.menu-state:checked~.menu .menu__line:nth-child(2) {
-webkit-transform: translate(150%, .344vw);
transform: translate(150%, .344vw);
opacity: 0;
}
}
@media (max-width: 767px) {
.menu-state:checked~.menu .menu__line:nth-child(2) {
-webkit-transform: translate(-50%, -50%) rotate(-45deg);
transform: translate(-50%, -50%) rotate(-45deg);
}
}
@media (max-width: 767px) {
.pc {
display: none !important;
}
}
@media (min-width: 768px) {
.menu .menu__line:nth-child(3) {
-webkit-transform: translate(-170%, -.344vw);
transform: translate(-170%, -.344vw);
}
}
@media (min-width: 768px) {
.menu-state:checked~.menu .menu__line:nth-child(3) {
-webkit-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg);
}
}
@media (min-width: 768px) {
.menu .menu__line:nth-child(4) {
-webkit-transform: translate(-190%, .344vw);
transform: translate(-190%, .344vw);
-webkit-transition-delay: .2s;
transition-delay: .2s;
}
}
@media (min-width: 768px) {
.menu-state:checked~.menu .menu__line:nth-child(4) {
-webkit-transform: translate(-50%, -50%) rotate(-45deg);
transform: translate(-50%, -50%) rotate(-45deg);
}
}
.navigation {
z-index: 100;
position: fixed;
top: 0;
left: 0;
width: 100%;
overflow: scroll;
background: url(https://bbg.jp/wp-content/uploads/2024/10/iStock-465881388-scaled.jpg) 50% / cover no-repeat;
opacity: 0;
pointer-events: none;
-webkit-transition: .6s;
transition: .6s;
}
@media (min-width: 768px) {
.navigation {
height: 100%;
overflow: hidden;
background: url(http://bbg.jp/wp-content/uploads/2024/10/iStock-465881388-scaled.jpg) 50% / cover no-repeat;
}
}
@media (max-width: 767px) {
.navigation {
height: 100%;
min-height: 100vh;
min-height: calc(var(--vh, 1vh)* 100);
-webkit-transition: .6s;
transition: .6s;
}
}
.menu-state:checked~.navigation {
opacity: 1;
pointer-events: all;
}
.navigation .navigation__inner {
height: 100%;
}
@media (min-width: 768px) {
.navigation .navigation__inner {
display: flex;
position: relative;
align-items: center;
min-height: auto;
padding: 0 11.80556vw 0 6.94444vw;
}
}
.navigation-logo {
width: 24.26667vw;
margin: 0 auto;
display: block;
min-width: 120px;
max-width: 200px;
}
@media (min-width: 768px) {
.navigation-logo {
width: 15vw;
margin: 0;
min-width: 200px;
}
}
@media (max-width: 767px) {
.navigation-logo {
display: none;
}
}
.navigation a {
color: #fff;
}
.navigation-list {
margin-top: 0;
margin-left: 30.66667vw;
font-family: "Noto Serif JP", serif;
}
@media (min-width: 768px) {
.navigation-list {
margin-top: 0; margin-left: 19.44444vw;
}
}
.navigation-list a {
position: relative;
display: inline-block;
color: #fff;
font-size: 1.2rem;
letter-spacing: .1em;
transition: all 0.3s ease;
}
@media (min-width: 768px) {
.navigation-list a { white-space: nowrap;
}
.navigation-list li {
margin-bottom: 1.52778vw;
}
.navigation-list li:last-child {
margin-bottom: 0;
}
}
.navigation-list a::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 0;
height: 2px;
background-color: #fff;
transition: width 0.3s ease;
}
.navigation-list a:hover::after {
width: 100%;
}
@media (min-width: 768px) {
.navigation-info {
margin-top: 11.80556vw;
margin-left: 13.88889vw;
}
}
.navigation-info .navigation-info__list {
display: none;
margin-left: 0;
}
@media (min-width: 768px) {
.navigation-info .navigation-info__list {
display: block;
}
}
.navigation-info .navigation-info__list li {
color: #fff;
}
@media (min-width: 768px) {
.navigation-info .navigation-info__list li {
letter-spacing: .1em;
white-space: nowrap;
}
}
.navigation-info .navigation-info__list dl {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
color: #fff;
}
@media (min-width: 768px) {
.navigation-info .navigation-info__list dd {
margin-left: .41667vw;
}
}
.navigation-link {
display: inline-block;
border: 1px solid var(--header-border-color);
background-color: var(--header-text-color);
color: #fff;
font-family: "Noto Serif JP", serif;
font-size: 1rem;
-webkit-transition: .6s;
transition: .6s;
}
.navigation-link:hover {
background-color: transparent;
background-color: #fff;
color: var(--header-text-color);
}
@media (min-width: 768px) {
.navigation-link {
margin-top: 4.16667vw;
background-color: transparent;
color: var(--header-text-color); font-size: 1.4rem;
}
.navigation-link span { padding: .97222vw 1.66667vw;
}
}
.navigation-sns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-left: 15.2vw;
}
@media (min-width: 768px) {
.navigation-sns {
margin-top: 4.44444vw;
margin-left: 0;
}
}
.navigation-sns li {
width: 6.66667vw;
margin: 0 5.33333vw;
}
@media (min-width: 768px) {
.navigation-sns li {
width: 2.08333vw;
margin: 0 1.11111vw;
}
}
.navigation-sns li:first-child {
margin-left: 0;
}
.navigation-sns li:last-child {
margin-right: 0;
}
@media (min-width: 1200px) {
.navigation-list a,
.navigation-info .navigation-info__list li,
.navigation-link {
font-size: 1.8rem;
}
}
@media (max-width: 767px) {
.navigation-info,
.navigation .navigation__inner {
display: flex;
}
}
@media (max-width: 767px) {
.navigation .navigation__inner {
position: inherit;
position: relative;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
min-height: 148vw;
}
}
@media (max-width: 767px) {
.navigation-info {
position: absolute;
bottom: 0;
align-items: center;
}
} .footer {
padding: 13.33333vw 0 9.33333vw;
background-color: var(--footer-bg-color);
color: var(--footer-text-color);
z-index: 20;
}
@media (min-width: 768px) {
.footer { padding: 4.63889vw 0 3.75vw;
}
}
.footer a {
color: var(--footer-text-color);
}
.footer .footer__inner {
width: 58.66667vw;
margin: 0 auto;
}
@media (min-width: 768px) {
.footer .footer__inner {
width: 50vw;
}
}
@media (min-width: 768px) {
.footer .footer__container {
display: flex;
justify-content: space-between;
}
}
.footer__item {
text-align: center;
}
@media (min-width: 768px) {
.footer__item {
text-align: left;
width:50%;
}
}
.footer .footer__info {
margin-top: 12vw;
margin-left: 0;
text-align: left;
}
@media (min-width: 768px) {
.footer .footer__info { margin-top: 2.72222vw;
}
}
.footer .footer__button {
display: inline-block;
margin-top: 7.2vw;
border: 1px solid var(--footer-border-color);
color: var(--footer-text-color);
font-family: "Noto Serif JP", serif;
font-size: 1.2rem;
-webkit-transition: .6s;
transition: .6s;
}
@media (min-width: 768px) {
.footer .footer__button { margin-top: 2.47222vw; }
}
.footer .footer__button:hover {
color: var(--footer-bg-color);
background-color: var(--footer-text-color);
}
.footer__item--right {
display: none;
}
@media (min-width: 768px) {
.footer__item--right {
display: block;
text-align:right;
}
}
.footer-navigation .footer-navigation__inner {
position: relative;
overflow: hidden;
}
@media (min-width: 768px) {
.footer-navigation .footer-navigation__inner {
display: inline-block;
padding-bottom: 5px;
}
}
.footer-navigation .footer-navigation__child>li a:before {
position: absolute;
top: 50%;
left: 0;
height: 1px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background-color: #fff;
content: "";
}
@media (min-width: 768px) {
.footer-navigation .footer-navigation__child>li a:before {
top: 40%;
width: .55556vw;
}
}
@media (min-width: 768px) {
.footer-navigation .footer-navigation__inner:before {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
-webkit-transform: translateX(-102%);
transform: translateX(-102%);
background-color: #fff;
content: "";
-webkit-transition: .65s cubic-bezier(.65, 0, .35, 1);
transition: .65s cubic-bezier(.65, 0, .35, 1);
}
}
.footer .footer__info dl {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.footer .footer__info dd {
margin-left: 1.06667vw;
}
@media (min-width: 768px) {
.footer .footer__info dd {
margin-left: .41667vw;
}
}
.footer .footer__button span {
display: inline-block;
padding: 2.66667vw 7.2vw;
}
@media (min-width: 768px) {
.footer .footer__button span {
padding: .97222vw 1.66667vw;
}
}
.sns-link {
display: flex;
justify-content: center;
margin: 13.33333vw 0 0;
}
@media (min-width: 768px) {
.sns-link {
margin: 5.97222vw 0 0;
}
}
.sns-link li {
width: 6.66667vw;
margin: 0 5.33333vw;
}
@media (min-width: 768px) {
.sns-link li {
width: 2.08333vw;
margin: 0 1.11111vw;
}
}
.sns-link li:first-child {
margin-left: 0;
}
.sns-link li:last-child {
margin-right: 0;
}
.sns-link a {
-webkit-backface-visibility: hidden;
display: block;
width: 6.66667vw;
height: 6.66667vw;
backface-visibility: hidden;
background-position-x: 50%;
background-repeat: no-repeat;
background-size: 100% auto;
-webkit-transition: background .3s;
transition: background .3s;
}
@media (min-width: 768px) {
.sns-link a {
width: 2.01389vw;
height: 2.01389vw;
}
}
.sns-link a.sns-link__fb {
background-image: url(https://bbg.jp/wp-content/themes/astra-child/assets/img/icon/facebook_gray.svg);
}
.sns-link a.sns-link__ig {
background-image: url(https://bbg.jp/wp-content/themes/astra-child/assets/img/icon/instagram_gray.svg);
}
.sns-link a.sns-link__x {
background-image: url(https://bbg.jp/wp-content/themes/astra-child/assets/img/icon/x_gray.svg);
}
.copyright {
margin-top: 9.06667vw;
font-family: "Noto Serif JP", serif;
font-size: 1rem;
letter-spacing: .1em;
text-align: center;
}
@media (min-width: 768px) {
.copyright {
margin-top: 3.47222vw;
font-size: 1.4rem;
}
}
.logo-img__small {
width: 50%;
height: auto;
} .elementor-element {
padding: 0 !important;
} .top-slide, .top-video{
z-index: 10;
} .background-container {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
transition: opacity 1s ease-in-out;
} .introduction h2 {
text-align: center;
margin-top: 32px;
}
.introduction-headline {
text-align: center;
}
.introduction-headline h3 {
background-image: linear-gradient(180deg, #FFFF00 0%, #FFFF00 100%);
color: #F5F5F5;
font-family: "Roboto", sans-serif;
font-weight: 600;
padding: 16px;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #000;
text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}
#price {
color: #000;
text-shadow: none !important;
-webkit-text-stroke-width: 0;
}
.content {
padding: 8px 24px;
}
@media (max-width: 767px) {
.content {
font-size: 1.2rem;
padding: 8px 10px;
}
}
.card {
background-color: #f9f9f9;
border: 1px solid #ddd;
border-radius: 8px;
padding: 20px; margin: 20px auto;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
text-align: center;
}
@media (min-width: 768px) {
.card {
width: 80%;
}
}
.content p {
font-size: 1.1rem;
line-height: 1.6;
color: #333;
}
.content2 p::first-line {
font-weight: bold;
font-size: 1.2em;
}
.content p {
text-align: justify;
}
.image-gallery {
display: flex;
flex-direction: column;
margin-bottom: 16px;
}
.img-item__responsive {
text-align: center;
}
.img-item__responsive img {
width: 100%;
height: auto;
}
@media (min-width: 768px) {
.img-item__responsive {
margin-bottom: 16px;
}
.img-item__responsive img {
width: 50%;
}
}
.image-item {
position: relative;
margin-bottom: 0;
}
.image-item img {
width: 100%;
height: auto;
display: block;
}
.image-caption {
position: absolute;
bottom: 0;
left: 0;
right: 0;
color: white;
padding: 10px;
margin: 0 !important;
text-align: center;
}
@media (min-width: 768px) {
.image-gallery {
flex-direction: row;
gap: 10px;
}
.image-item {
flex: 1;
}
.left-image {
flex: 3;
margin-right: 10px;
}
.right-image {
flex: 7;
}
}
.button-container {
text-align: center;
margin: 20px 0;
}
.link-button {
display: inline-block;
padding: 10px 20px;
color: #61CE70;
background-color: white;
border: 2px solid black;
text-decoration: none;
font-weight: bold;
text-align: center;
}
.link-button:hover {
background-color: #61CE70;
color: white;
} .qa-list {
padding: 15px;
background-color: #f9f9f9;
margin: 20px auto 32px;
}
.qa-item {
margin-bottom: 15px;
border-bottom: 1px solid #ddd;
padding-bottom: 10px;
}
.centered-image {
text-align: center;
}
.centered-image img {
width: 100%;
height: auto;
}
@media (min-width: 768px) {
.qa-list {
width: 75% !important;
}
.centered-image img {
width: 50%;
}
}
.question {
font-weight: bold;
color: #333;
}
.answer {
margin-left: 15px;
color: #666;
}
article .discvoery,
article .access-info {
padding: 10px;
}
article .access-info .contact-details {
margin-bottom: 22px;
}
article .access-info .contact-details p {
margin-bottom: 0 !important;
}
@media (min-width: 768px) {
.discovery-wrap,
.access-info-wrap {
width: 75%;
margin: 20px auto;
}
article .discvoery,
article .access-info {
padding: 20px;
}
article .access-info h3 {
margin-bottom: 0 !important;
}
.access-info h3 {
margin-bottom: 0 !important;
}
article .access-info ul {
margin-top: 0 !important;
}
.access-info ul {
margin-top: 0 !important;
}
} .tile-section {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 10px;
margin-bottom: 32px;
}
.tile-column {
width: calc(10% - 10px);
aspect-ratio: 1 / 1;
position: relative;
overflow: hidden;
cursor: pointer;
transition: all 0.3s ease;
border-radius: 7%;
padding: 5px;
box-sizing: border-box;
}
.inner-border {
position: absolute;
top: 5px;
left: 5px;
right: 5px;
bottom: 5px;
border: 2px solid white;
border-radius: 5%;
}
.tile-content {
position: absolute;
top: 50%;
left: 0;
width: 100%;
transform: translateY(-50%);
padding: 10px;
color: #fff;
text-align: center;
transition: all 0.3s ease;
}
.tile-content p {
margin-bottom: 0;
font-size: 14px;
}
.tile-svg-image {
position: absolute;
top: 100%;
left: 50%;
transform: translate(-50%, 0);
width: 60px;
height: 60px;
opacity: 0;
transition: all 0.3s ease;
}
.tile-svg-image img {
width: 100%;
height: 100%;
}
@media (min-width: 768px) {
.tile-column:hover .tile-content {
top: 30%;
}
.tile-column:hover .tile-svg-image {
top: 30%;
opacity: 1;
}
}
@media (max-width: 767px) {
.tile-column2 {
width: calc(50% - 10px);
padding-bottom: calc(50% - 10px);
max-width: calc(50% - 10px);
box-sizing: border-box;
}
}
@media (max-width: 767px) {
.tile-section {
gap: 5px;
}
.tile-column {
width: calc(50% - 5px);
aspect-ratio: 1 / 1;
max-width: 70px;
padding: 3px;
}
.tile-content {
padding: 5px;
}
.tile-content p {
font-size: 10px;
}
} .price-container {
max-width: 800px;
margin: 0 auto;
font-family: Arial, sans-serif;
}
.section {
margin-bottom: 20px;
padding: 15px;
border-radius: 8px;
}
.weekday {
background-color: #C2D9EA;
}
.holiday {
background-color: #fff0f5;
}
.vacation {
background-color: #fff5ee;
}
.price-cards {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
gap: 15px;
}
.price-card {
flex: 1;
min-width: 200px;
text-align: center;
padding: 10px;
position: relative;
}
.price-tag {
background-color: #0B68AC;
color: white;
padding: 5px 15px;
border-radius: 0 0 15px 15px;
display: inline-block;
margin-bottom: 10px;
}
.holiday .price-tag {
background-color: #FF69B4;
}
.vacation .price-tag {
background-color: #FF69B4;
}
.time {
font-size: 0.9em;
color: #666;
}
.note {
font-size: 0.8em;
color: #888;
margin-top: 5px;
}
.starter-pack {
background-color: #FFF0F5;
padding: 15px;
margin-top: 20px;
border-radius: 8px;
}
.pack-contents {
display: flex;
align-items: center;
justify-content: center;
gap: 20px;
margin-top: 10px;
}
.pack-item {
text-align: center;
}
.pack-item img {
width: 50px;
height: 50px;
object-fit: contain;
}  .desktop-progress-bar { position: absolute;
top: 40px;    
left: 15%;
width: 36.80556vw; overflow: hidden;
}
.desktop-progress-line {
position: absolute; top: 13%;
left: 1rem;
width: 100%;
height: 2px;    
background-color: var(--progress-bar-color);
transform: translateY(-50%);
opacity: 0;
transition: opacity 0.3s ease;
}
.desktop-progress-steps {
display: flex;
justify-content: space-between;
position: relative;
width: 100%; }
.desktop-progress-step {
display: flex;
flex-direction: column; justify-content: center;
align-items: center;
text-align: center;
}
.desktop-dot {
width: 10px;
height: 10px;
border-radius: 50%;
background-color: #ccc;
margin-bottom: 10px;
}
.desktop-dot.active {
background-color: var(--progress-bar-color);
}
.desktop-label {
font-size: 0.8rem;
color: #333;
font-family: "Noto Serif JP", serif; }
.desktop-progress-step:last-child .desktop-dot { } .mobile-progress-bar {
display: none;
position: absolute; top: 5%;
right: 10px;
transform: translateY(-50%);
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}
.mobile-progress-step {
display: flex;
align-items: center;
margin-bottom: 20px;
}
.mobile-dot {
width: 10px;
height: 10px;
border-radius: 50%;
background-color: #ccc;
margin-right: 10px;
flex-shrink: 0;
}
.mobile-dot.active {
background-color: #eb5a3e;
}
.mobile-label {
writing-mode: vertical-rl;
text-orientation: upright;
font-family: "Noto Serif JP", serif;
font-size: 0.8rem;
color: #333;
}
@media (max-width: 767px) {
.desktop-progress-bar {
display: none;
}
.mobile-progress-bar {
display: block;
}
} .section-heading .section-heading__text {
background-color: #fff;
font-family: "Noto Serif JP", serif;
font-size: 1.1rem;
font-weight: 500;
letter-spacing: .1em;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
}
@media (min-width: 768px) {
.section-heading .section-heading__text {
padding: 2.5vw 1.38889vw 2.08333vw;
letter-spacing: .16em;
white-space: nowrap;
margin-top: 64px;
margin-left: 8px;
}
}
.horizontal-scroll {
width: 100%;
height: 100vh;
display: flex;
justify-content: center;
align-items: center; background-color: #f4f1e8;
flex-direction: row;
position: relative;
}
@media (max-width: 767px) {
.horizontal-scroll {
height: auto;
align-items: flex-start;
padding-top: 20px;
}
.section-heading{
position: absolute;
left: 0;
}
}
.slides-wrapper {
display: flex;
gap: 30px;
width: calc(100% - 120px);
margin: 0 auto;
overflow: hidden;
height: 100vh;
}
@media (max-width: 767px) {
.slides-wrapper {
height: auto;
flex-direction: column;
gap: 0; margin: 0 2px 0 8px;
}
}
.slide {
flex: 0 0 100%;
width: 50%;
height: 100vh;
scroll-snap-align: start;
display: flex;
flex-direction: column;
justify-content: center;
padding: 20px 0;
box-sizing: border-box;
}
@media (max-width: 767px) {
.slide {
width: 100%;
}
}
.item-images {
flex-grow: 1;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
overflow: hidden;
max-height: 100vh;
}
@media (max-width: 767px) {
.item-images {
height: auto;
flex-direction: column;
}
}
.item-images img {
max-width: 100%;
max-height: 100%;
object-fit: contain;
} .slide:last-child .item-images {
justify-content: space-between;
}
.slide:last-child .item-images>div {
flex: 0 1 auto;
width: 48%;
}
.slide:last-child .item-images>img {
width: 100%;
height: auto;
object-fit: contain;
}
.item-text-top,
.item-text-bottom {
margin: 10px auto;    
font-family: "Noto Serif JP", serif;
font-size: 1.2rem;
}
@media (min-width: 768px) {
.item-text-top,
.item-text-bottom { margin: 120px auto;
}
}  .hover-container1,
.hover-container2,
.hover-container3 {
position: relative;
overflow: hidden;
}
.hover-image {
display: block;
width: 100%;
}
.hover-text1,
.hover-text2,
.hover-text3 {
position: absolute;
left: 0;
width: 100%;
padding: 20px;
box-sizing: border-box;
background-color: transparent;
transition: transform 0.3s ease;
transform: translateY(calc(100% - 560px));
bottom: 0;
} .hover-container1:hover .hover-text1,
.hover-container2:hover .hover-text2,
.hover-container3:hover .hover-text3 {
transform: translateY(-460px);
}
.hover-container:hover .hover-text h2,
.hover-container:hover .hover-text p:nth-child(2),
.hover-container:hover .hover-text p:nth-child(3) { }
.hover-container1:hover,
.hover-container2:hover,
.hover-container3:hover {
opacity: 1;
}
.tabs {
background-color: #EBEBEB;
}
.tab-header {
position: relative;
}
.tab-header-image {
width: 100%;
padding-top: 37.5%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.tab-nav {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
display: flex;
justify-content: center;
background-color: rgba(0, 0, 0, .55);
margin-bottom: 0 !important;
}
@media (max-width: 767px) {
.tab-nav {
font-size: .75rem;
}
}
.tab-header-img {
bottom: 0;
display: block;
left: 0;
height: 100% !important;
margin: auto;
position: absolute;
right: 0;
top: 0;
width: auto;
filter: drop-shadow(0 .125em .5em #000);
}
.tab-nav li {
margin: 0 10px;
}
.tab-nav li a {
display: block;
padding: 10px 15px;
text-decoration: none;
color: #ccc;
}
.tab-nav li.active a {
background-color: #EBEBEB;
border: 1px solid #ccc;
border-bottom: none;
color: #333;
}
.tab-content {
padding: 20px;
border: 1px solid #ccc;
border-top: none;
}
.tab-pane {
display: none;
}
.tab-pane.active {
display: block;
}
.tab-content h1 {
border-bottom: 1px solid #888;
box-shadow: 0 1px 1px 0 #ffffff;
padding: 1rem;
text-align: center;
}
.tab-content h1 img {
margin: 0 auto;
max-width: 40rem;
}
article .tab-wrap {
margin: 0 auto;
max-width: 66rem;
overflow: hidden;
padding: 2rem;
position: relative;
}
.description {
background-color: #d6d6d6;
border-radius: .25rem;
margin: 0 auto;
padding: 1rem 2rem;
}
@media (max-width: 767px) {
.description {
font-size: 16px;
}
}
.banner {
box-shadow: 0 .125rem .5rem 0 rgba(0, 0, 0, .25);
font-size: 1rem;
margin: 2rem 0 0;
width: 100%;
}
.banner figure {
border: .5rem solid #fff;
display: block;
overflow: hidden;
position: relative;
width: 100%;
}
.banner figure img {
width: 100%;
}
.banner figure figcaption {
background-color: rgba(0, 0, 0, .0);
bottom: 0;
display: block;
left: 0;
position: absolute;
right: 0;
transform: translate(0%, 75%);
transition: .3s;
}
.banner figure img {
width: 100%;
}
.banner figure:hover figcaption {
background-color: rgba(0, 0, 0, .5);
transform: translate(0%, 0%)
}
.spec {
display: flex;
flex-direction: column;
margin: 0 auto !important;
padding: 0;
list-style-type: none;
max-width: 100%;
}
.spec li {
border: 1px solid #555;
text-align: center;
white-space: nowrap;
margin-bottom: 0.5rem;
padding: 0.5rem;
}
@media screen and (min-width: 34rem) {
.spec {
flex-direction: row;
justify-content: center;
max-width: 30rem;
}
.spec li {
width: 14rem;
margin: 0 0.5rem;
}
}
.banner2 {
box-shadow: 0 .125rem .5rem 0 rgba(0, 0, 0, .25);
font-size: 1rem;
margin: 2rem 0 0;
width: 100%;
}
.banner2 figure {
border: .5rem solid #fff;
display: block;
position: relative;
width: 100%; }
.banner2 figure img {
width: 100%;
}
.banner2 figure figcaption {
background-color: #444;
color: #fff;
padding: 1rem;
}
.cell {
margin: 2rem -.5rem;
}
@media screen and (min-width: 65rem) {
.cell figure {
width: calc(25% - 1rem);
}
}
@media screen and (min-width: 50rem) {
.cell figure {
width: calc(33.3333% - 1rem);
}
}
@media screen and (min-width: 35rem) {
.cell figure {
width: calc(50% - 1rem);
}
}
.cell figure {
border: .5rem solid #fff;
box-shadow: 0 .125rem .5rem 0 rgba(0, 0, 0, .25);
color: #fff;
float: left;
display: block;
overflow: hidden;
margin: .5rem !important;
position: relative;
width: calc(100% - 1rem);
}
.cell figure figcaption {
background-color: rgba(0, 0, 0, .50);
bottom: 0;
color: #fff;
left: 0;
position: absolute;
right: 0;
top: 0;
transform: translate(0%, calc(100% - 2.5rem));
transition: .3s;
z-index: 2;
}
.cell figure:hover figcaption {
background-color: rgba(0, 0, 0, .5);
transform: translate(0%, 0%)
}
.cell h2 {
font-size: 1rem;
margin: 0;
padding: .5em 0 0;
color: #fff;
text-align: center;
}
.cell p {
font-size: 1rem;
height: auto;
margin: 0;
padding: .5em 1em
}
@media screen and (min-width: 35rem) {
.cell figure {
width: calc(50% - 1rem)
}
.cell p {
font-size: .75rem
}
}
@media screen and (min-width: 50rem) {
.cell figure {
width: calc(33.3333% - 1rem)
}
}
@media screen and (min-width: 65rem) {
.cell figure {
width: calc(25% - 1rem)
}
} .shadow {
border-bottom: 1px solid #898989;
padding: 1rem;
position: relative;
z-index: 1;
}
.shadow h2 {
margin-bottom: 1rem;
padding: 1rem 1rem .5rem;
position: relative;
text-align: center;
}
.shadow::after,
.shadow::before {
content: "";
display: block;
height: 2.5rem;
left: 0;
position: absolute;
bottom: -2.5rem;
width: 100%;
}
.shadow::before {
background: linear-gradient(to bottom, rgba(0, 0, 0, .25), rgba(0, 0, 0, .04) 4px, transparent);
z-index: -2;
}
.shadow::after {
background: linear-gradient(to right, rgba(235, 235, 235, .95), rgba(255, 255, 255, 0), rgba(235, 235, 235, .95));
z-index: -1;
} article .term-wrap {
margin: 0 auto;
max-width: 66rem;
overflow: hidden;
padding: 2rem;
position: relative;
}
.term-wrap h2 {
border: 1px solid rgba(20, 80, 196, 1.00);
color: rgba(20, 80, 196, 1.00);
font-size: 1.25rem;
font-weight: 600;
margin: 0 0 1rem;
overflow: hidden;
padding: .5rem;
text-align: center;
}
.term-wrap dt {
border-bottom: 1px solid #959595;
color: rgba(20, 80, 196, 1.00);
font-size: 1.125rem;
font-weight: 600;
line-height: 1.5;
padding: 2rem 0 .5rem;
}
.term-wrap dd {
line-height: 1.75;
padding: 1rem 0 0;
}
.term-wrap ul {
list-style: none;
margin: 0;
padding: 0;
}
.term-wrap li {
padding: 0 0 0 1.5rem;
}
.term-wrap ul>li:before {
color: #888;
content: '●';
display: block;
float: left;
margin-left: -1.5rem;
text-align: center;
width: 1.5rem;
}
.term-wrap strong {
color: rgba(204, 82, 0, 1.00);
font-weight: bold;
}
.term-wrap em {
color: rgba(20, 80, 196, .85);
display: block;
font-style: normal;
line-height: 1.5;
padding-left: 1rem;
text-indent: -1rem;
} .access-h3 h3 {
background: linear-gradient(to right, rgba(0, 0, 0, .20), rgba(0, 0, 0, .50), rgba(0, 0, 0, .25));
border-radius: .25rem;
color: #fff !important;
padding: .25rem;
}
.access-li {
border-bottom: 1px dotted #888;
display: block;
height: 4rem;
line-height: 1.25;
overflow: hidden;
padding: 1rem 1rem 1rem 4rem;
position: relative;
}
@media screen and (min-width: 36rem) {
.access-li {
line-height: 2rem;
}
}
.access-icon {
display: inline-block;
left: 1rem;
padding-right: 1rem;
position: absolute;
top: 1rem;
width: 3rem;
}
.access-span {
display: inline-block;
height: 1.25rem;
white-space: nowrap;
width: 100%;
}
@media screen and (min-width: 36rem) {
.access-span {
display: inline-block;
height: 1.25rem;
white-space: nowrap;
width: auto;
}
} .news-section {
background-color: #fff;
box-shadow: 0 .125rem .5rem 0 rgba(0, 0, 0, .25);
display: block;
margin: 2rem 0 0;
position: relative;
}
@media screen and (min-width: 45rem) {
.news-section {
display: flex;
}
}
.post-link {
display: block;
text-decoration: none;
color: inherit;
transition: background-color 0.3s ease;
}
.news-section:hover {
background-color: #fafafa;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
transform: translateY(-3px);
}
.news-section .img {
background-color: #d7d7d7;
overflow: hidden;
padding: 30% 0 0;
position: relative;
width: 100%;
}
@media (min-width: 768px) {
.news-section .img {
max-width: 33.333% !important;
}
}
@media screen and (min-width: 45rem) {
.news-section .img {
flex: 1;
padding: 0;
}
}
.news-section .img i {
background-position: center;
background-size: cover;
display: block;
height: 100%;
left: 0;
width: 100%;
position: absolute;
top: 0;
}
@media (min-width: 768px) {
.doc {
width: 66.667%;
}
}
.meta-info {
padding: .5rem 1rem;
color: #959595;
}
.meta-info time {
float: right;
}
.doc h3 {
border-bottom: 1px solid #888;
color: #1450c4;
font-size: 1.25rem;
font-weight: bold;
line-height: 1.25;
margin: 0;
padding: 0 1rem .5rem;
text-align: left;
}
.doc p {
border-top: 1px solid #fff;
padding: .5rem 1rem;
}
.entry-meta,
.entry-title {
display: none !important;
} @media screen and (min-width: 50rem) {
.head .headline {
padding: 37.5% 0 0;
}
}
.headline {
background-color: #777;
background-position: center;
background-size: cover;
display: block;
padding: 18.75rem 0 0;
position: relative;
width: 100%;
}
.headline img {
bottom: 0;
display: block;
left: 0;
height: 100% !important;
margin: auto;
position: absolute;
right: 0;
top: 0;
width: auto !important;
filter: drop-shadow(0 .125em .5em #000);
}
.head h1 {
border-bottom: 1px solid #888;
box-shadow: 0 1px 1px 0 #ffffff;
padding: 1rem;
text-align: center;
}
.head h1 img {
margin: 0 auto;
max-width: 40rem;
}
.image-container {
display: flex;
gap: 10px;
justify-content: center;
align-items: center;
}
.image-container img { height: auto;
} .breadcrumb {
color: #fff;
padding: 10px 0;
}
@media (min-width: 768px) {
.breadcrumb {
padding: 80px 10px;
}
}
.breadcrumb a {
color: #fff;
}
#post-442,
#post-447,
#post-454,
#post-465,
#post-524 {
padding: 0;
background-color: #EBEBEB;
} .section-contents-events-list {
padding: 0 !important;
margin: 0 !important;
background-color: #000;
}
.event-item {
list-style: none;
margin: 0;
padding: 0;
width: 100%;
position: relative;
}
.event-list-wrapper {
display: flex;
flex-direction: column;
align-items: center;
text-align: center; position: relative;
}
.event-background {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-size: cover;
background-position: center;
opacity: 0;
transition: opacity 0.8s ease;
height: 100vh;
will-change: opacity;    
}
.event-background.fade-out {
opacity: 0 !important;
}
.event-list-image img {
max-width: 100%;
height: auto;
padding-top: 50px;
}
.event-list-button {
margin-top: 10px;
}
.event-list-button a {
display: inline-block;
padding: 10px 20px;    
background-color: #FF0000;
color: white;
text-decoration: none;
border-radius: 3px;
position: relative;
z-index:10;
}
.event-list-button a:hover {    
opacity: 0.8;
}
.event-list-description{
padding: 50px 0 150px;
}
.section-contents-events-list li:first-child .event-list-image img {
margin-top: 60vh;
}
@media (max-width: 767px) {
.event-list-image img {
width: 89.3333333333vw;
}
.section-contents-events-list li:first-child .event-list-image img {
margin-top: 50vh;
}
} .wpcf7-form input[type="submit"] {
background-color: #1552C2;
color: white;
cursor: pointer;
transition: background-color 0.3s ease;
border: none;
text-align: center;
}
.wpcf7-form input[type="submit"]:hover { opacity: .75
}
.wpcf7-submit {
display: block;
margin: 0 auto;
} .splash-screen {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%; background-color: var(--header-active-bg-color);
display: flex;
align-items: center;
justify-content: center;
z-index: 9999;
transition: opacity 0.5s ease-out;
}
.splash-content {
text-align: center;
}
.splash-screen img {
max-width: 400px; margin-bottom: 20px;
}
.splash-screen h1 {
font-size: 24px;
color:var(--header-text-color);
} #floating-button {
position: fixed;
bottom: 0px;
left: 0px;
z-index: 9000;
}
#floating-button a {    
display: block;
padding: 10px 20px;
background-color: var(--footer-bg-color);
color: var(--footer-text-color);
text-decoration: none; font-size: 1.2rem;
transition: .6s ease-in-out;
font-family: "Noto Serif JP",serif;
} .scroll-fade-image img {
opacity: 0;
filter: blur(10px); transition: opacity 2s ease, filter 2s ease;
}
.scroll-fade-image img.visible {
opacity: 1;
filter: blur(0);
}
.scroll-fade-image img:not(.visible) {
opacity: 0;
filter: blur(10px);
}
.scroll-fade-image-wrapper3 {
background-size: cover;
background-position: center; transition: background-color 2s ease-out;
} .slider-top {
display: flex;
margin: 0 calc(50% - 50vw);
width: 100vw;
height:200px;
overflow: hidden;
}
.slider-top ul{
display:flex;
padding: 0;
margin:0;
}
.slider-top li{
width:300px;
list-style: none;
}
.slider-top ul:first-child {
animation: slide1 150s -75s linear infinite;
}
.slider-top ul:last-child {
animation: slide2 150s linear infinite;
}
@keyframes slide1 {
0% {
transform: translateX(100%);
}
to {
transform: translateX(-100%);
}
}
@keyframes slide2 {
0% {
transform: translateX(0);
}
to {
transform: translateX(-200%);
}
}
.slider-bottom {
display: flex;
margin: 0 calc(50% - 50vw);
width: 100vw;
height:200px;
overflow: hidden;
}
.slider-bottom ul{
display:flex;
padding: 0;
margin:0;
}
.slider-bottom li{
width:300px;
list-style: none;
}
.slider-bottom ul:first-child {
animation: slide3 120s -60s linear infinite;
}
.slider-bottom ul:last-child {    
animation: slide4 120s linear infinite;
}
@keyframes slide3 {
0% {
transform: translateX(-100%);
}
to {
transform: translateX(100%);
}
}
@keyframes slide4 {
0% {
transform: translateX(-200%);
}
to {
transform: translateX(0);
}
}:root {
--main-bg-color: #f4f1e8; --main-text-color: #222222;
--secondary-bg-color: #f0f0f0;
--primary-text-color: #333;
--header-border-color:#7D7D7D; --header-text-color:#7D7D7D; --header-active-bg-color:#252525;
--header-active-border-color:#252525; --header-active-text-color:#252525; --footer-bg-color:#252525;
--footer-border-color:#7D7D7D;
--footer-text-color:#7D7D7D;
--progress-bar-color:rgba(243,160,40,1.00);
}