@charset 'UTF-8';
@charset "UTF-8";
@charset "UTF-8";

 .animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
@-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
transform: translateY(-15px);
}
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
-ms-transform: translateY(-15px);
transform: translateY(-15px);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
}
@-webkit-keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
@keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
} @-webkit-keyframes pulse {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes pulse {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes shake {
0%, 100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
20%, 40%, 60%, 80% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
}
@keyframes shake {
0%, 100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
transform: translateX(-10px);
}
20%, 40%, 60%, 80% {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
}
40% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
60% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg);
}
80% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg);
}
100% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate(15deg);
-ms-transform: rotate(15deg);
transform: rotate(15deg);
}
40% {
-webkit-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
transform: rotate(-10deg);
}
60% {
-webkit-transform: rotate(5deg);
-ms-transform: rotate(5deg);
transform: rotate(5deg);
}
80% {
-webkit-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
transform: rotate(-5deg);
}
100% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
}
.swing {
-webkit-transform-origin: top center;
-ms-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
10%, 20% {
-webkit-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
-webkit-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg);
}
100% {
-webkit-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
}
}
@keyframes tada {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
10%, 20% {
-webkit-transform: scale(0.9) rotate(-3deg);
-ms-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale(1.1) rotate(3deg);
-ms-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
-webkit-transform: scale(1.1) rotate(-3deg);
-ms-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg);
}
100% {
-webkit-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
} @-webkit-keyframes wobble {
0% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
15% {
-webkit-transform: translateX(-25%) rotate(-5deg);
transform: translateX(-25%) rotate(-5deg);
}
30% {
-webkit-transform: translateX(20%) rotate(3deg);
transform: translateX(20%) rotate(3deg);
}
45% {
-webkit-transform: translateX(-15%) rotate(-3deg);
transform: translateX(-15%) rotate(-3deg);
}
60% {
-webkit-transform: translateX(10%) rotate(2deg);
transform: translateX(10%) rotate(2deg);
}
75% {
-webkit-transform: translateX(-5%) rotate(-1deg);
transform: translateX(-5%) rotate(-1deg);
}
100% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
}
@keyframes wobble {
0% {
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
15% {
-webkit-transform: translateX(-25%) rotate(-5deg);
-ms-transform: translateX(-25%) rotate(-5deg);
transform: translateX(-25%) rotate(-5deg);
}
30% {
-webkit-transform: translateX(20%) rotate(3deg);
-ms-transform: translateX(20%) rotate(3deg);
transform: translateX(20%) rotate(3deg);
}
45% {
-webkit-transform: translateX(-15%) rotate(-3deg);
-ms-transform: translateX(-15%) rotate(-3deg);
transform: translateX(-15%) rotate(-3deg);
}
60% {
-webkit-transform: translateX(10%) rotate(2deg);
-ms-transform: translateX(10%) rotate(2deg);
transform: translateX(10%) rotate(2deg);
}
75% {
-webkit-transform: translateX(-5%) rotate(-1deg);
-ms-transform: translateX(-5%) rotate(-1deg);
transform: translateX(-5%) rotate(-1deg);
}
100% {
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(.3);
transform: scale(.3);
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
70% {
-webkit-transform: scale(.9);
transform: scale(.9);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(.3);
-ms-transform: scale(.3);
transform: scale(.3);
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
70% {
-webkit-transform: scale(.9);
-ms-transform: scale(.9);
transform: scale(.9);
}
100% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
-ms-transform: translateY(30px);
transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
transform: translateX(30px);
}
80% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
-ms-transform: translateX(30px);
transform: translateX(30px);
}
80% {
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
transform: translateX(-30px);
}
80% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
-ms-transform: translateX(-30px);
transform: translateX(-30px);
}
80% {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
80% {
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
}
80% {
-webkit-transform: translateY(10px);
-ms-transform: translateY(10px);
transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
25% {
-webkit-transform: scale(.95);
transform: scale(.95);
}
50% {
opacity: 1;
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
opacity: 0;
-webkit-transform: scale(.3);
transform: scale(.3);
}
}
@keyframes bounceOut {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
25% {
-webkit-transform: scale(.95);
-ms-transform: scale(.95);
transform: scale(.95);
}
50% {
opacity: 1;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
100% {
opacity: 0;
-webkit-transform: scale(.3);
-ms-transform: scale(.3);
transform: scale(.3);
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
}
@keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
}
@keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
}
@keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
0% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
-ms-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
transform: perspective(400px) rotateX(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
-ms-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
-ms-transform: perspective(400px) rotateX(-10deg);
transform: perspective(400px) rotateX(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
-ms-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
transform: perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
-ms-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
-ms-transform: perspective(400px) rotateY(-10deg);
transform: perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
-ms-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
-ms-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
@keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
-ms-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
@keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
-ms-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
-ms-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
transform: translateX(-20%) skewX(30deg);
opacity: 1;
}
80% {
-webkit-transform: translateX(0%) skewX(-15deg);
transform: translateX(0%) skewX(-15deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
}
@keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
-ms-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
-ms-transform: translateX(-20%) skewX(30deg);
transform: translateX(-20%) skewX(30deg);
opacity: 1;
}
80% {
-webkit-transform: translateX(0%) skewX(-15deg);
-ms-transform: translateX(0%) skewX(-15deg);
transform: translateX(0%) skewX(-15deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(0%) skewX(0deg);
-ms-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
-ms-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
-ms-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(-200deg);
-ms-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0;
}
}
@keyframes rotateOut {
0% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(200deg);
-ms-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes slideInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes slideInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slideInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slideInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40% {
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
80% {
-webkit-transform: rotate(60deg) translateY(0);
transform: rotate(60deg) translateY(0);
opacity: 1;
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
100% {
-webkit-transform: translateY(700px);
transform: translateY(700px);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate(80deg);
-ms-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40% {
-webkit-transform: rotate(60deg);
-ms-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
80% {
-webkit-transform: rotate(60deg) translateY(0);
-ms-transform: rotate(60deg) translateY(0);
transform: rotate(60deg) translateY(0);
opacity: 1;
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
100% {
-webkit-transform: translateY(700px);
-ms-transform: translateY(700px);
transform: translateY(700px);
opacity: 0;
}
}
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge;
} @-webkit-keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
}
@keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
-ms-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
-ms-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
} @-webkit-keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-webkit-transform: translateX(100%) rotate(120deg);
transform: translateX(100%) rotate(120deg);
}
}
@keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
-ms-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-webkit-transform: translateX(100%) rotate(120deg);
-ms-transform: translateX(100%) rotate(120deg);
transform: translateX(100%) rotate(120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}.top_slid {
position: relative;
width: 100%;
height: auto;
overflow: visible;
padding-top: 0px;
}
.top_slider {
width: 100%;
height: 100vh;
overflow: hidden;
} .top_slider .swiper-slide:first-child {
opacity: 1 !important;
visibility: visible !important;
} .top_slider .swiper-slide {
width: 100%;
height: 100%;
} .top_slider .swiper-slide picture {
display: block;
width: 100%;
height: 100%;
line-height: 0;
}
.top_slider .swiper-slide img {
display: block;
width: 100%;
height: 100% !important;
object-fit: cover;
} .top_slid .more_btn {
position: absolute;
top: 92%;
left: 1%;
width: 500px;
z-index: 10;
}
.top_slid .more_btn a {
width: 80%;
max-width: 500px;
display: block;
color: #fff;
padding: 10px 25px;
border-radius: 15px;
box-sizing: border-box;
line-height: 1.7;
font-size: 1.5rem;
letter-spacing: 0.05em;
position: relative;
text-decoration: none;
}
.top_slid .more_btn a::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 15px;
margin: auto;
width: 0.4em;
height: 0.4em;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
transform: rotate(45deg);
}
.top_slid .more_btn a.bg_green {
background: linear-gradient(to right, #5ec09a, #9de5c9);
} @media screen and (max-width: 896px) {
.top_slid {
height: auto;
}
.top_slider {
margin-top: 60px;
height: 700px;
}
.top_slider .swiper-slide {
height: 700px;
}
.top_slider .swiper-slide img {
height: 700px !important;
object-position: center center;
}
.top_slid .more_btn {
width: 350px;
top: 90%;
}
.top_slid .more_btn a {
max-width: 350px;
font-size: 1.5rem;
}
} .slidtxt {
width: 100%;
position: absolute;
top: 60%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 3;
}
.top_slid h2 {
color: #fff;
width: 100%;
line-height: 1.4;
font-size: 46px;
text-shadow: 2px 2px 3px #333;
letter-spacing: 0.05em;
margin: 20px auto;
text-align: center;
}
.top_slid p {
color: #fff;
width: 100%;
text-shadow: 2px 2px 3px #333;
letter-spacing: 0.05em;
font-size: 20px;
line-height: 1.4;
text-align: center;
margin: 0 auto;
}
.top_slid h2 img {
width: 300px;
margin: 0 auto;
}
.slidtxten {
width: 60%;
position: absolute;
bottom: -20px;
right: 0;
z-index: 2;
}
.slidtxten img {
width: 100%;
}
@media screen and (max-width: 896px) {
.top_slid h2 {
font-size: 25px;
}
.top_slid p {
font-size: 16px;
}
.slidtxt {
top: 50%;
}
.slidtxten {
width: 90%;
bottom: 15%;
}
}
.mask {
background: url(//www.glamping-aichi.com/wp-content/themes/shitara_vl/img/top/mv_msk.jpg);
background-size: cover;
position: relative;
background-position: center;
}
.mask:after {
content: "";
background-color: rgba(55, 55, 55, 0.46);
position: absolute;
z-index: 90;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
@media screen and (max-width: 896px) {
.mask {
background: url(//www.glamping-aichi.com/wp-content/themes/shitara_vl/img/top/mv_msk_sp.jpg);
background-size: cover;
}
}  .top_news {
padding: 30px 0 30px 8px;
}
.top_news .container {
max-width: 900px;
margin: auto;
}
@media screen and (max-width:896px) {
.top_news {
padding: 30px 0;
}
.top_news .container {
max-width: 600px;
flex-direction: column;
}
}
.top_news h2.news_title {
width: 100%;
text-align: center;
margin-bottom: 30px;
font-size: 14px;
}
.top_news h2.news_title .news_en {
font-size: 5rem;
}
.top_news ul {
margin: auto;
}
.top_news ul li {
padding: 15px 0;
}
@media screen and (max-width:896px) {
.top_news ul li {
padding: 2% 0;
line-height: 1.8;
}
}
.top_news ul li span.date {
width: 100px;
}
.top_news ul li span.cate {
color: #fff;
background: #7ccccf;
width: 70px;
padding: 6px 0;
margin-right: 30px;
font-size: 1.4rem;
text-align: center;
}
@media screen and (max-width:896px) {
ul.news_list li {
padding: 10px;
border-bottom: 1px solid #ccc;
line-height: 2;
}
.top_news ul li span.date {
width: 80px;
}
.top_news ul li span.cate {
font-size: 1.4rem;
padding: 0;
}
}
.top_news ul li span.cate a {
color: #fff;
} .consept_box {
margin: -1px auto 0 auto; width: 100%;     background-color: #db8b72;  padding: 100px 0;
position: relative;     background-image: url(//www.glamping-aichi.com/wp-content/themes/shitara_vl/img/top/top_concept_bg_river_autumn.png);  background-size: 40%;
background-repeat: no-repeat;
background-position: right bottom;
}
.consept_box::before {
content: "";
position: absolute;
top: -150px;
left: 0;
width: 25%;
height: 500px;     background: url(//www.glamping-aichi.com/wp-content/themes/shitara_vl/img/top/top_concept_bg_reaf_autumn.png);  background-size: contain;
background-repeat: no-repeat;
}
.consept_box_head {
padding-bottom: 300px;     background-image: url(//www.glamping-aichi.com/wp-content/themes/shitara_vl/img/top/wave_top_concetpt_header_autumn.svg);  background-position: bottom;
background-repeat: no-repeat;
background-size: 100%;
}
@media screen and (max-width: 896px) {
.consept_box {
padding: 100px 0;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.consept_box::before {
content: "";
top: -30px;
left: 0;
width: 50%;
height: 400px;
}
.consept_box_head {
padding-bottom: 150px;     background-image: url(//www.glamping-aichi.com/wp-content/themes/shitara_vl/img/top/wave_top_concetpt_header_sp_autumn.svg);  }
}
.consept_box .consept_inner {
width: 94%;
max-width: 1400px;
margin: 0 auto;
text-align: center;
}
.consept_box .consept_h2 {
width: 100%;
color: #fff;
line-height: 2;
}
.consept_box .consept_wave {
width: 100%;
margin: 40px 0;
text-align: center;
}
.consept_box .consept_wave img {
margin: 0 auto;
}
.consept_box .consept_txt {
line-height: 2;
color: #fff;
}
.consept_box .consept_movie {
width: 90%;
max-width: 1000px;
margin: 50px auto 0 auto;
display: flex;
flex-wrap: wrap;
align-content: stretch;
justify-content: space-between;
}
.consept_box .consept_movie .consept_movie_box {
width: 45%;
text-align: center;
}
.consept_box .consept_movie .consept_movie_box .con_movie {
width: 100%;
}
@media screen and (max-width: 896px) {
.consept_box .consept_h2 {
line-height: 2;
text-align: right;
}
.consept_box .consept_txt {
line-height: 2;
text-align: right;
}
} h3.heading_title {
width: 100%;
text-align: center;
margin: 50px 0;
font-size: 16px;
padding: 0;
}
h3.heading_title span.title_en {
font-size: 7rem;
}
h3.heading_title span.title_en.en_blue {
color: #7ccccf;
}
h3.heading_title span.title_en.en_white {
color: #fff;
}
@media screen and (max-width: 896px) {
h3.heading_title {
margin: 25px 0;
}
h3.heading_title span.title_en {
font-size: 5rem;
}
} .features {
width: 100%;
padding: 300px 0 200px 0;
margin-top: -1px;     background-image: url(//www.glamping-aichi.com/wp-content/themes/shitara_vl/img/top/wave_top_concetpt_footer_autumn.svg), url(//www.glamping-aichi.com/wp-content/themes/shitara_vl/img/top/wave_dog_header.svg);  background-position: top, bottom;
background-repeat: no-repeat;
background-size: 100%;
}
@media screen and (max-width: 896px) {
.features {
padding: 150px 0 100px 0;     background-image: url(//www.glamping-aichi.com/wp-content/themes/shitara_vl/img/top/wave_top_concetpt_footer_sp_autumn.svg), url(//www.glamping-aichi.com/wp-content/themes/shitara_vl/img/top/wave_dog_header_sp.svg);  }
}
.features_box {
width: 100%;
margin: 100px auto 0 auto;
}
.features_box svg {
width: 100%;
height: auto;
}
.features_box h4.features_h4 {
width: 100%;
text-align: left;
font-weight: bold;
line-height: 2;
font-size: 2.5rem;
}
.features_box .more_btn {
margin-top: 30px;
width: 100%;
}
.features_box .more_btn a {
width: 80%;
max-width: 300px;
display: block;
color: #fff;
padding: 10px 25px;
border-radius: 15px;
box-sizing: border-box;
line-height: 1.7;
font-size: 1.5rem;
letter-spacing: 0.05em;
position: relative;
}
.features_box .more_btn a::after {
position: absolute;
top: 0;
bottom: 0;
right: 15px;
margin: auto;
content: "";
vertical-align: middle;
width: 0.4em; height: 0.4em; border-top: 1px solid #fff; border-right: 1px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.features_box .more_btn a.bg_green {
background: linear-gradient(to right, #5ec09a, #9de5c9);
}
.features_box .more_btn a.bg_blue {
background: linear-gradient(to right, #7ccccf, #a5e8eb);
}
.features_box .more_btn a.bg_autumn {
background: linear-gradient(to right, #db8b72, #f7cbbe);
}
.features_box .more_btn a.bg_winter {
background: linear-gradient(to right, #441111, #b95151);
}
.features_box .more_btn a.bg_indigo {
background: linear-gradient(to right, #43517a, #7ccccf);
}
.features_box .more_btn a.bg_brown {
background: linear-gradient(to right, #c89559, #fac27f);
}
@media screen and (max-width: 896px) {
.features_box {
margin: 50px auto 0 auto;
}
.features_box h4.features_h4 {
font-size: 1.8rem;
}
} .features_room {
width: 80%;
margin: 0 auto 130px auto;
display: flex;
flex-wrap: wrap;
}
.features_room .features_room_img {
width: 50%;
}
.features_room .features_room_img .features_svg {
position: relative;
}
.features_room .features_room_img .features_svg .features_room_deco {
width: 35%;
position: absolute;
bottom: -70px;
left: 20px;
}
.features_room .features_room_item {
width: 50%;
padding-left: 5%;
padding-top: 100px;
box-sizing: border-box;
background-image: url(//www.glamping-aichi.com/wp-content/themes/shitara_vl/img/top/features_01_logo.png);
background-size: 300px;
background-repeat: no-repeat;
background-position: top right;
}
.features_room .features_room_img img {
width: 100%;
}
@media screen and (max-width: 1024px) {
.features_room {
width: 94%;
margin: 0 auto 50px auto;
}
.features_room .features_room_img {
width: 100%;
}
.features_room .features_room_img .features_room_deco {
width: 40%;
bottom: -50px;
left: 0;
}
.features_room .features_room_item {
width: 100%;
padding-left: 0;
margin-top: 100px;
padding-top: 0;
box-sizing: border-box;
background-image: none;
}
} .features_activity {
width: 100%;
margin: 0 auto 100px auto;
background-image: url(//www.glamping-aichi.com/wp-content/themes/shitara_vl/img/top/features_02_deco.png);
background-size: 20%;
background-repeat: no-repeat;
background-position: top left;
}
.features_activity .features_activity_inner {
width: 80%;
margin: 0 auto;
padding-top: 100px;
display: flex;
flex-wrap: wrap;
flex-direction: row-reverse;
}
.features_activity .features_activity_inner .features_activity_item {
width: 30%;
}
.features_activity .features_activity_inner .features_activity_img {
width: 70%;
padding-left: 5%;
box-sizing: border-box;
display: flex;
position: relative;
}
.features_activity .features_activity_inner .features_activity_img .f_a_img01 {
width: 40%;
}
.features_activity .features_activity_inner .features_activity_img .f_a_img02 {
width: 60%;
box-sizing: border-box;
margin-top: -30%;
}
.features_activity .features_activity_inner .features_activity_img .f_a_riverimg {
position: absolute;
top: 0;
left: 50px;
width: 100%;
margin-top: -30%;
width: 60%;
}
@media screen and (max-width: 1024px) {
.features_activity {
width: 100%;
margin: 0 auto 75px auto;
background-image: none;
}
.features_activity .features_activity_inner {
width: 100%;
margin: 0 auto;
padding-top: 0px;
}
.features_activity .features_activity_inner .features_activity_item {
padding-top: 50px;
width: 100%;
}
.features_activity .features_activity_inner .features_activity_item .f_a_item_inner {
width: 94%;
margin: 0 auto;
}
.features_activity .features_activity_inner .features_activity_img {
width: 94%;
margin: 0 auto;
padding-left: 0;
}
.features_activity .features_activity_inner .features_activity_img .f_a_img01 {
width: 40%;
margin-top: 30%;
}
.features_activity .features_activity_inner .features_activity_img .f_a_img02 {
width: 60%;
box-sizing: border-box;
margin-top: 0;
}
.features_activity .features_activity_inner .features_activity_img .f_a_riverimg {
top: 0;
left: 0px;
width: 70%;
margin-top: 0;
}
}
@media screen and (max-width: 896px) {
.features_activity .features_activity_inner .features_activity_item {
padding-top: 50px;
width: 100%;
margin-top: -20px;
background-image: url(//www.glamping-aichi.com/wp-content/themes/shitara_vl/img/top/features_02_deco2.png);
background-size: 40%;
background-repeat: no-repeat;
background-position: top right;
}
} .features_activity_list {
width: 80%;
margin: 50px auto;
}
.features_activity_list ul {
align-items: stretch;
justify-content: center;
margin-bottom: 40px;
}
.features_activity_list ul li {
width: 29%;
margin: 10px;
display: inline-grid;
}
.features_activity_list h3 {
width: 100%;
text-align: center;
margin-bottom: 50px;     color: #db8b72;  font-weight: bold;
}
@media screen and (max-width: 896px) {
.features_activity_list {
width: 100%;
margin: 25px auto;
}
.features_activity_list ul li {
width: 100%;
display: inline-grid;
}
.features_activity_list h3 {
margin-bottom: 25px;
padding: 0;
}
}
.features_activity_list ul li .pickup-ttl {     background: #db8b72;  width: 90%;
padding: 5px;
margin: -30px auto 0;
position: relative;
z-index: 20;
border-radius: 15px;
}
.features_activity_list ul li .inner {
z-index: 30;
}
.features_activity_list ul li a:hover {
opacity: 1;
}
.features_activity_list ul li p.pickup-title {
font-size: 1.4rem;
text-align: center;
margin: 15px 0;
font-weight: 500;
padding: 0 10px;
color: #fff;
}
.features_activity_list ul li p.period {
font-size: 14px;
border-left: 1px solid #eee;
border-right: 1px solid #eee;
margin-bottom: 0;
padding: 0 32px 20px;
}
.features_activity_list ul li a {
color: #fff;
}
.features_activity_list ul li img {
width: 100%;
height: 260px;
object-fit: cover;
border-radius: 15px;
}
@media screen and (max-width: 896px) {
.features_activity_list ul li img {
height: 220px;
}
} .features_starrysky {
width: 80%;
margin: 100px auto;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.features_starrysky .features_starrysky_img {
width: 60%;
}
.features_starrysky .features_starrysky_img .f_s_img_inner {
width: 100%;
position: relative;
}
.features_starrysky .features_starrysky_item {
width: 40%;
padding-left: 5%;
box-sizing: border-box;
position: relative;
}
.features_starrysky .features_starrysky_img .features_starrysky_photo_deco {
display: none;
}
.features_starrysky .features_starrysky_item .features_starrysky_item_deco {
width: 30%;
position: absolute;
top: -35%;
right: -30px;
z-index: -1;
display: block;
}
@media screen and (max-width: 1024px) {
.features_starrysky {
width: 94%;
margin: 50px auto;
}
.features_starrysky .features_starrysky_img {
width: 100%;
}
.features_starrysky .features_starrysky_item {
width: 100%;
padding-left: 0;
margin-top: 30px;
}
.features_starrysky .features_starrysky_img .features_starrysky_photo_deco {
display: block;
width: 30%;
position: absolute;
bottom: 0;
right: 0;
z-index: 0;
}
.features_starrysky .features_starrysky_item .features_starrysky_item_deco {
display: none;
}
.f_s_txtcenter {
text-align: center !important;
}
.f_s_btncenter {
margin: 0 auto;
}
} .features_sauna {
width: 80%;
margin: 100px auto;
display: flex;
flex-wrap: wrap;
flex-direction: row-reverse;
align-items: center;
}
.features_sauna .features_sauna_img {
width: 50%;
padding: 0 5%;
box-sizing: border-box;
}
.features_sauna .features_sauna_img .f_sauna_img_inner {
width: 100%;
position: relative;
}
.features_sauna .features_sauna_img .f_sauna_img_inner .features_sauna_deco {
width: 30%;
position: absolute;
top: -30px;
right: -30px;
z-index: -1;
display: block;
}
.features_sauna .features_sauna_item {
width: 50%;
box-sizing: border-box;
position: relative;
}
@media screen and (max-width: 1024px) {
.features_sauna {
width: 94%;
margin: 100px auto 30px auto;
}
.features_sauna .features_sauna_img {
width: 100%;
padding: 0 0;
}
.features_sauna .features_sauna_img .f_sauna_img_inner .features_sauna_deco {
width: 40%;
top: -40px;
right: 0;
}
.features_sauna .features_sauna_item {
width: 100%;
margin-top: 30px;
}
} .withdog {
margin: -1px auto 0 auto;
width: 100%;
padding-bottom: 100px;
background-color: #fff8d2;
}
.withdog_inner {
width: 94%;
max-width: 1500px;
margin: 0 auto;
padding-top: 30px;
margin-top: -20px;
background-image: url(//www.glamping-aichi.com/wp-content/themes/shitara_vl/img/top/top_dog_deco.png);
background-size: 230px;
background-repeat: no-repeat;
background-position: top left;
}
.withdog_about {
width: 100%;
max-width: 1400px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
align-items: center;
position: relative;
}
.withdog_about .withdog_h3 {
width: 100%;
margin-bottom: 30px;
padding: 0;
text-align: left;
font-size: 16px;
}
.withdog_about .withdog_h3 span {
color: #f4ac6c;
font-size: 7rem;
}
.withdog_about .withdog_about_img {
width: 50%;
}
.withdog_about .withdog_about_item {
width: 50%;
padding-left: 5%;
box-sizing: border-box;
}
.withdog_about h4.withdog_h4 {
width: 100%;
text-align: left;
font-weight: bold;
line-height: 2;
font-size: 2.5rem;
}
.withdog_about .more_btn {
margin-top: 30px;
width: 100%;
}
.withdog_about .more_btn a {
width: 80%;
max-width: 300px;
display: block;
color: #fff;
padding: 10px 25px;
border-radius: 15px;
box-sizing: border-box;
line-height: 1.7;
font-size: 1.5rem;
letter-spacing: 0.05em;
position: relative;
background: linear-gradient(to right, #f5a966, #ffc28d);
}
.withdog_about .more_btn a::after {
position: absolute;
top: 0;
bottom: 0;
right: 15px;
margin: auto;
content: "";
vertical-align: middle;
width: 0.4em; height: 0.4em; border-top: 1px solid #fff; border-right: 1px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
@media screen and (max-width: 896px) {
.withdog {
padding-bottom: 50px;
}
.withdog_inner {
width: 100%;
padding-top: 30px;
margin-top: -20px;
background-size: 200px;
}
.withdog_about {
width: 94%;
}
.withdog_about .withdog_h3 span {
color: #f4ac6c;
font-size: 5rem;
}
.withdog_about .withdog_about_img {
width: 100%;
}
.withdog_about .withdog_about_item {
width: 100%;
padding-left: 0;
margin-top: 30px;
}
.withdog_about h4.withdog_h4 {
font-size: 1.8rem;
}
}
.withdog_note {
width: 94%;
max-width: 1400px;
margin: 100px auto 0 auto;
padding: 50px;
box-sizing: border-box;
background-color: #fff;
border-radius: 30px;
}
.withdog_note .withdog_note_box {
width: 100%;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.withdog_note .withdog_note_box .withdog_note_img {
width: 45%;
margin-right: 5%;
}
.withdog_note .withdog_note_box .withdog_note_item {
width: 50%;
}
.withdog_note h5 {
width: 100%;
font-size: 2rem;
line-height: 2;
font-weight: bold;
margin-bottom: 20px;
}
.withdog_note h5 span {
background: linear-gradient(transparent 60%, #fff8d2 0%);
display: inline;
padding: 0 1px 0px;
}
@media screen and (max-width: 896px) {
.withdog_note {
margin: 50px auto 0 auto;
padding: 25px;
border-radius: 15px;
}
.withdog_note .withdog_note_box .withdog_note_img {
width: 100%;
margin-right: 0;
margin-bottom: 20px;
}
.withdog_note .withdog_note_box .withdog_note_item {
width: 100%;
}
.withdog_note h5 {
font-size: 1.8rem;
}
} .meal_box {
width: 100%;
margin: -1px auto 0 auto;
padding-top: 300px;
background-image: url(//www.glamping-aichi.com/wp-content/themes/shitara_vl/img/top/wave_dog_footer.svg);
background-position: top;
background-repeat: no-repeat;
background-size: 100%;
}
.meal_box .meal_inner {
width: 94%;
max-width: 1400px;
margin: 0px auto 100px auto;
text-align: center;
}
.meal_box .meal_photo {
width: 100%;
margin: 50px 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.meal_box .meal_photo .meal_photo_box {
width: 48%;
}
.meal_box h4 {
margin: 0 0 10px 0;
font-weight: bold;
line-height: 2;
font-size: 2.5rem;
}
.meal_box .meal_wave {
width: 100%;
margin: 0 0 40px 0;
text-align: center;
}
.meal_box .meal_wave img {
margin: 0 auto;
}
@media screen and (max-width: 896px) {
.meal_box {
padding-top: 150px;
background-image: url(//www.glamping-aichi.com/wp-content/themes/shitara_vl/img/top/wave_dog_footer_sp.svg);
}
.meal_box .meal_inner {
margin: 0px auto 50px auto;
}
.meal_box .meal_photo .meal_photo_box {
width: 100%;
}
.meal_box h4 {
font-size: 1.8rem;
}
} .more_button_center {
width: 100%;
margin-top: 40px;
}
.more_button_center a {
width: 80%;
max-width: 300px;
display: block;
color: #fff;
background: linear-gradient(to right, #7ccccf, #a5e8eb);
padding: 10px 25px;
border-radius: 15px;
box-sizing: border-box;
line-height: 1.7;
font-size: 1.5rem;
letter-spacing: 0.05em;
position: relative;
margin: 0 auto;
}
.more_button_center a::after {
position: absolute;
top: 0;
bottom: 0;
right: 15px;
margin: auto;
content: "";
vertical-align: middle;
width: 0.4em; height: 0.4em; border-top: 1px solid #fff; border-right: 1px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.more_button_center .a_center {
text-align: center; } .pickup_area {
width: 100%;
background: #7ccccf;
padding: 100px 0;
}
.pickup_area .more_button_pickup {
width: 100%;
margin-top: 40px;
}
.pickup_area .more_button_pickup a {
width: 80%;
max-width: 300px;
display: block;
color: #fff;
padding: 10px 25px;
border-radius: 15px;
border: 1px solid #fff;
box-sizing: border-box;
line-height: 1.7;
font-size: 1.5rem;
letter-spacing: 0.05em;
position: relative;
margin: 0 auto;
text-align: center;
}
.pickup_area .more_button_pickup a::after {
position: absolute;
top: 0;
bottom: 0;
right: 15px;
margin: auto;
content: "";
vertical-align: middle;
width: 0.4em; height: 0.4em; border-top: 1px solid #fff; border-right: 1px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
} .sightseeing_box {
width: 100%;
margin: 150px 0;
display: flex;
flex-wrap: wrap;
align-content: flex-start;
}
.sightseeing_box .sightseeing_title {
width: 25%;
margin-left: 5%;
}
.sightseeing_box .sightseeing_title h3 {
width: 100%;
font-size: 16px;
padding: 0;
}
.sightseeing_box .sightseeing_title h3 span.title_en {
font-size: 7rem;
color: #7ccccf;
}
.sightseeing_box .sightseeing_title .more_button_center a.m_left {
margin: 0 !important;
}
.sightseeing_box .sightseeing_img {
width: 65%;
margin-left: 5%;
}
@media screen and (max-width: 896px) {
.pickup_area {
padding: 50px 0;
}
.sightseeing_box .sightseeing_title {
width: 100%;
margin-left: 0;
margin-bottom: 20px;
padding: 0 3%;
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.sightseeing_box .sightseeing_title h3 {
width: 45%;
}
.sightseeing_box .sightseeing_title h3 span.title_en {
font-size: 4rem;
}
.sightseeing_box .sightseeing_title .more_button_center {
width: 55%;
}
.sightseeing_box .sightseeing_title .more_button_center a.m_left {
margin: 0 0 0 auto !important;
}
.sightseeing_box .sightseeing_img {
width: 100%;
margin-left: 0;
}
} .access_box {
background-color: #fdfbf0;
padding: 100px 0;
}
.access_box h3 {
margin: 0;
font-weight: bold;
font-size: 2rem;
color: #7ccccf;
}
.access_box span.f_col_red {
color: #fc9090;
}
.g_map {
display: flex;
align-items: center;
}
@media screen and (max-width: 896px) {
.g_map {
flex-wrap: wrap;
}
}
.g_map_txt {
padding-left: 40px;
}
@media screen and (max-width: 896px) {
.g_map_txt {
padding-left: 0;
margin: 50px 10px;
}
}
.g_map_txt p.checkin {
background: #7ccccf;
color: #fff;
width: fit-content;
padding: 5px 20px;
border-radius: 18px;
margin-bottom: 10px;
}
.top_access {
background: #f9fbfb;
padding: 100px 0;
}
@media screen and (max-width: 896px) {
.access_box {
padding: 50px 0;
}
} .top_rental_bk {
background: #f5f5f5;
padding: 120px 0 80px;
}
.top_rental ul.rental_area {
display: flex;
-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;
justify-content: center;
}
@media screen and (min-width: 897px) {
.top_rental ul.rental_area {
padding: 0 50px;
}
}
.top_rental ul.rental_area>li {
width: 33%;
padding: 4px;
box-sizing: border-box;
}
@media screen and (max-width: 896px) {
.top_rental ul.rental_area>li {
width: 80%;
padding: 1%;
}
}
.top_rental ul.rental_area li.tag {
display: flex;
padding: 10px 0;
}
@media screen and (max-width: 896px) {
.top_rental ul.rental_area li.tag {
flex-direction: column;
}
}
.top_rental ul.rental_area img {
width: 100%;
height: 200px;
object-fit: cover;
}
@media screen and (max-width: 896px) {
.top_rental ul.rental_area img {
height: 180px;
}
}
.top_rental ul.rental_area h3.spot {
background: #d7d7d7;
padding: 10px 0;
text-align: center;
font-size: 13px;
}
.top_rental ul.rental_area .rental_tag {
border: 1px solid #808080;
border-radius: 16px;
width: 100px;
text-align: center;
}
.top_rental ul.rental_area .sell_tag {
color: #fff;
background: #425356;
border-radius: 16px;
width: 100px;
text-align: center;
}
.top_rental ul.rental_area .price {
text-indent: 20px;
}
.top_rental ul.rental_area .p_desc { }
@media screen and (max-width: 896px) {
.top_rental ul.rental_area .rental_tag {
width: 100%;
}
.top_rental ul.rental_area .sell_tag {
width: 100%;
}
.top_rental ul.rental_area .price {
text-indent: 0;
text-align: right;
}
.top_rental ul.rental_area .p_desc { }
} .top_pickup_bk {
background: #f1f8f8;
padding: 100px 0;
}
.top_pickup h2 {
margin-bottom: 30px;
}
.top_pickup ul {
align-items: stretch; justify-content: center;
margin-bottom: 40px;
}
.top_pickup ul li {
width: 29%;
margin: 10px;
display: inline-grid;
}
@media screen and (max-width: 896px) {
.top_pickup ul li {
width: 100%;
display: inline-grid;
}
}
.top_pickup ul li .pickup-ttl {
background: #f9fbfb;
width: 90%;
padding: 5px;
margin: -30px auto 0;
position: relative;
z-index: 20;
box-shadow: 0 5px 5px 0 rgba(153, 153, 153, 0.1);
}
.top_pickup ul li .inner {
z-index: 30;
}
.top_pickup ul li a:hover {
opacity: 1;
}
.top_pickup ul li p.pickup-title {
font-size: 1.4rem;
text-align: center;
margin: 30px 0;
font-weight: 500;
padding: 0 10px;
}
.top_pickup ul li p.period {
font-size: 14px;
border-left: 1px solid #eee;
border-right: 1px solid #eee;
margin-bottom: 0;
padding: 0 32px 20px;
}
.top_pickup ul li a {
color: #333;
}
.top_pickup ul li img {
width: 100%;
height: 260px;
object-fit: cover;
}
@media screen and (max-width: 896px) {
.top_pickup ul li img {
height: 220px;
}
} @media screen and (max-width: 896px) {
.top_activity_bk {
padding: 0;
}
}
.top_activity_bk ul li {
margin: 10px;
}
.top_content__img img {
width: 100%;
height: 260px;
object-fit: cover;
}
@media screen and (max-width: 896px) {
.top_content__img img {
height: 200px;
}
}
.top_content__desc {
width: 90%;
margin: 20px auto;
text-align: left;
height: 80px;
} .top_insta {
padding: 80px 0;
background: #808080;
}
@media screen and (max-width: 896px) {
.top_insta {
padding: 10% 0;
}
}
.top_insta p {
text-align: center;
}
.top_insta ul {
width: 820px;
margin: 30px auto;
display: flex;
justify-content: space-between;
} .top_area {
margin: 80px auto;
}
@media screen and (max-width: 896px) {
.top_area {
padding: 10% 0;
}
}
.top_area h2 {
margin-bottom: 30px;
}
.top_area ul {
display: flex;
justify-content: space-between;
margin-bottom: 50px;
}
.top_area ul li {
margin: 10px;
}
.top_area ul li img {
width: 100%;
height: 220px;
object-fit: cover;
}
@media screen and (max-width: 896px) {
.top_area ul {
display: flex;
justify-content: space-around;
margin-bottom: 20px;
flex-wrap: wrap;
}
.top_area ul li {
margin-bottom: 60px;
}
}
.top_area ul li h3 {
padding: 18px 0 14px;
text-align: center;
margin-bottom: 6px;
font-size: 1.8rem;
border-bottom: 1px dotted #808080;
}
.top_area ul li p {
margin: 15px 0 0;
padding: 0 14px;
font-size: 1.4rem;
line-height: 1.8;
} .contact_box {
width: 100%;
margin: 0;
background:
linear-gradient(rgba(41, 108, 111, 0.6), rgba(41, 108, 111, 0.6)),
url(//www.glamping-aichi.com/wp-content/themes/shitara_vl/img/top/footer_contact_bg.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
padding: 100px 0;
}
.contact_box .contact_inner {
width: 94%;
max-width: 1400px;
margin: 0 auto;
}
.contact_box h3.contact_h3 {
color: #fff;
font-size: 2rem;
padding: 0;
}
.contact_box h3.contact_h3 span {
color: #7ccccf;
font-size: 10rem;
}
.contact_box p.contact_p {
color: #fff;
margin: 30px 0;
}
.contact_box p.contact_p a.more_room {
text-decoration: underline;
color: #fff;
}
.contact_box p.contact_p a.more_room:hover {
text-decoration: none;
}
.contact_box .contact_contents {
width: 100%;
display: flex;
flex-wrap: wrap;
align-items: stretch;
justify-content: space-between;
}
.contact_box .contact_contents .c_con_box {
width: 48%;
padding: 30px;
box-sizing: border-box;
background: rgba(255, 255, 255, 0.8);
}
.contact_box .contact_contents .c_con_box h4 {
text-align: center;
font-weight: bold;
font-size: 1.7rem;
}
.contact_box .contact_contents .c_con_box .c_con_link {
width: 100%;
text-align: center;
margin-top: 10px;
}
.contact_box .contact_contents .c_con_box .c_con_link a {
width: 80%;
max-width: 300px;
text-align: center center;
display: block;
background-color: #50a9ac;
border-radius: 10px;
color: #fff;
margin: 0 auto;
font-size: 2rem;
padding: 10px;
box-sizing: border-box;
}
@media screen and (max-width: 896px) {
.contact_box {
background:
linear-gradient(rgba(41, 108, 111, 0.6), rgba(41, 108, 111, 0.6)),
url(//www.glamping-aichi.com/wp-content/themes/shitara_vl/img/top/footer_contact_bg_sp.jpg);
background-size: contain;
padding: 50px 0;
}
.contact_box h3.contact_h3 span {
font-size: 7rem;
}
.contact_box p.contact_p {
margin: 30px 0 0 0;
}
.contact_box .contact_contents .c_con_box {
width: 100%;
padding: 20px;
margin-top: 30px;
}
} .top_bnr .container {
margin: 50px auto 0 auto;
width: 90%;
max-width: 700px;
}
.top_bnr a {
display: inline-block;
width: 100%;
margin: 20px auto;
}
.top_bnr img {
width: 100%;
}
.fixed_bnr {
position: relative;
z-index: 100;
}
.fixed_bnr .fixed_sp {
position: fixed;
bottom: 68px;
}
.fixed_bnr .fixed_sp img {
width: 95%;
margin: 0 auto;
box-shadow: 1px 1px 3px #818181;
}
.fixed_bnr .fixed_pc {
position: fixed;
right: 0;
bottom: 200px;
width: 193px;
}
.fixed_bnr .fixed_pc img {
width: 100%;
box-shadow: 1px 1px 3px #818181;
}
.top_instagram {
margin: 80px auto;
} #plan .p_desc {
padding: 10px;
}
#plan.top_rental ul.rental_area img {
height: auto;
aspect-ratio: 3 / 2;
}
@media screen and (min-width: 897px) {
#plan.top_rental ul.rental_area>li {
width: 25%;
}
}
@media screen and (max-width: 896px) {
#plan .container {
width: 98%;
}
#plan .top_rental_bk {
padding: 50px 0 80px;
}
#plan.top_rental ul.rental_area>li {
width: 25%;
padding: 0;
}
#plan .p_desc {
padding: 2px;
}
#plan li h3 {
font-size: 12.5px;
}
#plan li.mb_40 {
margin-bottom: 2px;
}
}
.furusato {
margin: 60px auto 0;
width: 90%;
max-width: 700px;
}
.furusato a {
display: inline-block;
width: 100%;
}
.furusato img {
width: 100%;
}  @media (min-width: 896px) {
.multiple-item3 {
display: flex; justify-content: space-around; align-items: flex-start; list-style: none; padding: 0; margin: 0; }
.multiple-item3 .item { flex: 0 0 calc(33.333% - 20px); max-width: calc(33.333% - 20px);
box-sizing: border-box;
margin: 0 10px; } .multiple-item3 .slick-arrow,
.multiple-item3 .slick-dots {
display: none !important;
}
} .start {
background: #fff;
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 9000;
}
.start p {
position: fixed;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
display: none;
z-index: 9999;
width: 200px;
} .callout-banner {
position: fixed;
z-index: 50;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
border-radius: 10px;
overflow: hidden;
}
.callout-banner img {
width: 100%;
height: auto;
display: block;
} .banner-close {
position: absolute;
top: 0px;
right: 0px;
font-size: 40px;
color: #fff;
padding: 2px;
cursor: pointer;
transition: background 0.3s ease;
}
.banner-pc {
bottom: 5px;
left: 0px;
width: 33%;
display: block;
max-width: 400px;
}
@media screen and (max-width: 1300px) {
.banner-pc {
bottom: 70px;
}
}
.banner-sp {
bottom: 65px;
left: 50%;
transform: translateX(-50%);
width: 100%;
display: block;
}
@media screen and (max-width: 896px) {
.banner-pc {
display: none;
}
}
@media screen and (min-width: 896px) {
.banner-sp {
display: none;
}
} .news_li li {
padding: 10px;
}
.news-slider p {
padding: 0 10px;
font-size: 16px !important;
line-height: 1.5 !important;
-webkit-text-size-adjust: 100% !important;
-webkit-font-smoothing: antialiased !important;
font-weight: normal !important;
}
.fit-thumb {
width: 100%;
height: 250px;
object-fit: cover;
object-position: center;
display: block;
}
@media screen and (max-width: 896px) {
.fit-thumb {
width: 100%;
height: 100px;
}
.news-slider p {
padding: 0px;
font-size: 14px !important;
}
} .snow { color: snow; font-size: 10px; position: fixed;
top: -5%; text-shadow:
5vw -100px 2px,
10vw -400px 3px,
20vw -500px 4px,
30vw -580px 1px,
39vw -250px 2px,
42vw -340px 5px,
56vw -150px 2px,
63vw -180px 0,
78vw -220px 4px,
86vw -320px 9px,
94vw -170px 7px; animation: roll 5s linear infinite;
z-index: 49;
} .snow2nd {
animation: anim 8s linear infinite;
}
@keyframes roll {
0% {
transform: rotate(0deg);
}
90% {
opacity: 1;
}
100% {
transform: rotate(20deg);
top: 100%;
opacity: 0;
}
}
@keyframes anim {
100% {
color: transparent;
top: 150%;
}
}.contentlist-plg p {
text-align: center;
}
@media screen and (max-width:480px) {
.food_content {
padding-top: 0;
}
}
.food_content ul {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-flex;
display: flex;
flex-direction: row;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: start;
vertical-align: top;
}
.food_content li {
width: 32%;
margin-right: 1.9%;
min-width: 300px;
text-align: center;
background: #fff;
margin-bottom: 30px;
position: relative;
}
.food_content li:nth-of-type(3n) {
margin-right: 0;
}
@media screen and (max-width:480px) {
.food_content li {
width: 48%;
min-width: auto;
}
.food_content li:nth-of-type(3n) {
margin-right: 1%;
}
.food_content li:nth-of-type(2n) {
margin-right: 0;
}
}
.food_content li:last-child {
margin-right: 0px;
}
.food_content__img {
width: 100%;
height: 250px;
overflow: hidden;
position: relative;
}
@media screen and (max-width:896px) {
.food_content__img {
height: 30vw;
}
}
.food_content__img img {
width: 100%;
height: 240px;
object-fit: cover;
position: relative;
}
.withdog_icon {
width: auto;
padding: 10px 20px;
position: absolute;
top: 0;
left: 0;
background-color: rgba(255, 255, 255, 0.8);
border-radius: 0 0 5px 0;
}
.withdog_icon .fa-solid{
color: #45a0a3;
}
@media screen and (max-width:896px) {
.food_content__img img {
height: 160px;
}
}
.food_content__period {
padding: 10px 0;
width: 100%;
background: #5d87b7;
color: #fff;
}
.food_content__ttl {
width: 90%;
margin: 15px auto;
text-align: center;
font-size: 1.8rem;
}
.food_content__ttl h3 {
font-size: 1.8rem;
}
.food_content__desc {
width: 90%;
margin: 20px auto;
text-align: left;
}
.food_content_period {
text-align: center;
}
.food_content_period dl {
display: inline-block;
margin: 20px auto 0;
width: 90%;
}
.food_content_period dt,
.food_content_period dd {
padding: 8px 24px;
display: table-cell;
vertical-align: middle;
border: 1px solid #5d87b7;
box-sizing: border-box;
}
.food_content_period dt {
width: 25%;
background: #5d87b7;
font-size: 14px;
}
.food_content_period dd {
text-align: left;
width: 65%;
font-size: 1.4rem;
}
@media screen and (max-width:480px) {
.food_content_period dt,
.food_content_period dd {
display: block;
width: 100%;
}
.food_content_period dd {
font-size: 1.2rem;
padding: 8px 10px;
}
}
.food_content_btn {
display: block;
width: 50%;
min-width: 200px;
height: 45px;
padding: 15px 10px 10px;
box-sizing: border-box;
background: #b9c8ca;
color: #fff;
text-align: center;
border-radius: 25px;
margin: 20px auto;
}
@media screen and (max-width:480px) {
.food_content_btn {
width: 90%;
min-width: auto;
}
} .content_width {
padding: 0 20px 40px;
}
.a_text {
text-decoration-line: underline;
font-size: 24px;
font-style: italic;
}
.main_contents_bk {
background: #fff; max-width: 1200px;
margin: 40px auto !important;
}
.main_contents h2.article_title {
position: relative;
padding: 60px 20px 20px;
font-size: 24px;
}
@media screen and (max-width:896px) {
.main_contents h2.article_title {
margin-top: 24px;
}
}
.main_contents .content_img {
margin: 32px auto;
max-width: 1000px;
height: 500px;
position: relative;
overflow: hidden;
}
@media screen and (max-width:896px) {
.main_contents .content_img {
max-width: 500px;
height: 50vw;
}
}
.main_contents .content_img img {
min-width: 100%;
min-height: 100%;
max-width: inherit;
max-height: inherit;
width: auto;
height: auto;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.main_contents .sub_title h3.sub_title {
padding: 8px;
font-size: 18px;
color: #5d87b7;
max-width: 1000px;
margin: 8px auto;
}
.main_contents .sub_title .opening_text {
padding: 8px;
max-width: 1000px;
margin: 0 auto 4%;
}
.main_contents .content_in {
max-width: 1000px;
margin: 2% auto;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media screen and (max-width:896px) {
.main_contents .content_in {
flex-direction: column;
}
}
.main_contents .content_in p.sub_image {
width: 46%;
margin-right: 4%;
margin-bottom: 2%;
}
.main_contents .content_in p.sub_image img {
width: 100%;
height: auto;
object-fit: cover;
}
@media screen and (max-width:896px) {
.main_contents .content_in p.sub_image {
width: 100%;
margin-bottom: 0;
}
}
.main_contents .content_in p.sub_text span {
font-size: 24px;
color: #5d87b7;
line-height: 2;
}
.main_contents .content_in p.sub_text {
padding: 16px 0 40px;
width: 50%;
}
@media screen and (max-width:896px) {
.main_contents .content_in p.sub_text {
width: 100%;
}
}
#overImg {
position: relative;
max-width: 800px;
margin: 0 auto;
}
#overImg #main_image {
margin: 48px auto 0;
text-align: center;
}
#overImg #main_image img {
width: 800px;
height: 480px;
object-fit: cover;
}
@media screen and (max-width:896px) {
#overImg #main_image {
display: none;
}
}
#overImg ul.gallery {
max-width: 800px;
margin: 0 auto;
display: flex;
overflow-x: scroll;
}
#overImg ul.gallery li img.gallery_img_s {
width: 200px;
height: 119px;
object-fit: cover;
}
@media screen and (max-width:896px) {
#overImg ul.gallery li img.gallery_img_s {
width: 300px;
height: 240px;
max-width: none !important;
}
}
#overImg a:hover>img {
opacity: 1;
}
#overImg a:hover {
opacity: 1;
}
#overImg a .gallery_img_l {
display: none;
}
#overImg a:hover .gallery_img_l {
display: block;
position: absolute;
bottom: 150px;
left: 0;
z-index: 2;
margin: 32px auto;
width: 800px;
height: 480px;
overflow: hidden;
object-fit: cover;
}
@media screen and (max-width:896px) {
#overImg a:hover .gallery_img_l {
display: none;
}
}
.main_contents .image-text {
max-width: 1000px;
margin: 0 auto;
color: #818181;
} p.lp_qa_q {
max-width: 800px;
margin: 0 auto;
color: #994d53;
}
p.lp_qa_a {
padding: 2rem 1rem 5rem;
text-indent: 1rem;
max-width: 800px;
margin: 0 auto;
}
a.link-color {
font-weight: bold;
color: #994d53;
}
.green-belt {
text-align: center;
padding: 60px 0 40px;
font-size: 2.2rem;
} .contents_mainimg img {
width: 100%;
height: auto;
object-fit: cover;
}
.table-dot {
font-size: 1.5rem;
border-bottom: #999 1px dotted;
padding: 1em;
}
.table-dot:first-of-type {
border-top: #999 1px solid;
margin-top: 40px;
}
.table-dot:last-of-type {
border-bottom: #999 1px solid;
margin-bottom: 40px;
}
.table-dot dt {
width: 190px;
}
.table-dot dd {
width: calc(100% - 190px);
margin-left: 190px;
margin-top: -15px;
}
.googlemap iframe {
width: 100%;
}
.withdog_icon_single {
width: 100%;
margin: 20px 0;
}
.withdog_icon_single span.dog_icon{
width: auto;
display: inline-block;
padding: 10px 20px;
box-sizing: border-box;
background-color: #7ccccf;
border-radius: 10px;
color: #fff;
font-size: 1.5rem;
} @media screen and (min-width: 897px) {}  @media screen and (max-width: 896px) {
.contents_mainimg img {
height: 200px;
}
.table-dot {
font-size: 1.3rem;
padding: 20px 4%;
}
.table-dot:last-of-type {
margin-bottom: 20px;
}
.table-dot dt {
width: 100px;
}
.table-dot dd {
margin-left: 100px;
width: 70%;
}
.googlemap iframe {
height: 260px;
}
}  #s-around .table-dot dd {
line-height: normal;
}.qa_bk h3 {
padding: 20px;
margin: 40px 0 10px;
border-bottom: 1px solid #ebebec;
border-top: 1px solid #ebebec;
}
.qa_bk li {
padding: 20px;
border-bottom: 1px dotted #eee;
}
.qa_bk dt {
padding-bottom: 20px;
}
.qa_bk dt span,
.qa_bk dd span {
display: inline-block;
margin-left: 60px;
margin-top: 12px;
line-height: 1.6;
}
.qa_bk dt::before {
content: "Q";
display: inline-block;
font-size: 2.5rem;
padding: 10px 13px;
color: #fff;
position: absolute;
background: #7ccccf;
border-radius: 50%;
}
.qa_bk dd::before {
content: "A";
display: inline-block;
font-size: 2.5rem;
padding: 10px 14px;
color: #fff;
position: absolute;
background: #e89e59;
border-radius: 50%;
}
.qa_bk dl {
padding-bottom: 20px;
} @media screen and (min-width: 897px) {
}  @media screen and (max-width: 896px) {
.qa_bk dt::before {
font-size: 2rem;
}
.qa_bk dd::before {
font-size: 2rem;
}
}  .page_top_view img.room_top {
object-position: 50% 5%;
}
#room {
padding: 40px 0;
}
#room h4 {
font-size: 2rem;
text-align: center;
margin-bottom: 40px;
font-weight: 500;
}
#room p.msg,
.top_rental p.msg {
text-align: center;
margin-bottom: 60px;
line-height: 2.1;
}
#room .box {
margin-bottom: 65px;
}
#room .map {
background: #fff;
padding: 40px 30px 30px;
}
#room .map img {
margin: 0 auto;
width: 100%;
}
#room .inner {
display: flex;
justify-content: space-between;
background-color: #f1f8f8;
padding: 40px 20px;
box-sizing: border-box;
}
#room .txt {
width: 55%;
margin: 0 auto;
padding-left: 20px;
}
#room .txt p.type {
background: #fff;
display: inline-block;
padding: 10px 25px;
margin-bottom: 20px;
border-radius: 25px;
font-weight: bold;
}
#room .box_shere .inner {
background-color: #dddddd;
}
#room .box_shere .txt p.type {
background: #c2c2c2;
}
#room .txt table {
border-top: 1px solid #6f6f6f;
border-bottom: 1px solid #6f6f6f;
width: 100%;
}
#room .txt_width table {
border-top: 1px solid #6f6f6f;
border-bottom: 1px solid #6f6f6f;
width: 100%;
margin: 0 auto;
}
#room .txt table th,
#room .txt_width table th {
font-size: 1.6rem;
padding: 16px 25px;
border-bottom: 1px dotted #6f6f6f;
width: 23%;
text-align: left;
}
#room .txt table td,
#room .txt_width table td {
width: 75%;
font-size: 1.6rem;
padding: 20px 25px;
line-height: 1.5;
}
#room .txt table td {
border-bottom: 1px dotted #6f6f6f;
}
#room ul.label {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#room ul.label li {
width: 48%;
display: flex;
margin-bottom: 14px;
}
#room ul.label li p {
padding: 20px 0;
font-size: 1.6rem;
}
#room ul.label li .green {
width: 40%;
color: #fff;
background: #19a495;
text-align: center;
font-weight: 500;
}
#room ul.label li .white {
width: 60%;
background: #fff;
padding: 20px 30px;
box-sizing: border-box;
}
.bk_white {
background: #fff;
}
.rm_slide {
width: 50%;
}
.rm_slide img {
width: 100%;
}
#room h3.room_type {
text-align: center;
font-size: 6rem;
margin-bottom: 5px;
font-family: "Allura", cursive;
color: #d7ecec;
}
#forestside .msg {
margin-bottom: 0px;
}
#wa .box {
margin-top: 60px;
} @media screen and (min-width: 897px) {
#room .txt_width table td {
border-bottom: 1px dotted #285430;
}
}  @media screen and (max-width: 896px) {
#room .map {
padding: 0;
}
#room .inner {
flex-direction: column;
padding: 40px 3%;
}
#room .txt {
width: 100%;
padding-left: 0;
margin-top: 20px;
}
#room .txt_width table {
width: 100%;
}
#room .txt table th,
#room .txt_width table th {
font-size: 1.4rem;
line-height: 1.4;
padding: 16px 0 16px 3px;
width: 23%;
box-sizing: border-box;
}
#room .txt table td,
#room .txt_width table td {
width: 75%;
font-size: 1.4rem;
box-sizing: border-box;
}
#room .txt_width table th,
#room .txt_width table td {
width: 100%;
display: block;
box-sizing: border-box;
}
#room .txt_width table th {
text-align: center;
}
#room .txt_width table td {
border-bottom: 1px solid #adb6bc;
}
.rm_slide {
width: 100%;
}
}  .meal_top {
object-position: 50% 70%;
}
#meal {
padding: 40px 0;
}
#meal h4 {
font-size: 2rem;
text-align: center;
margin-bottom: 40px;
font-weight: 500;
}
#meal .box {
background: #ededed;
padding: 60px 30px;
margin: 0 auto 100px;
} .p_menu {
padding: 10px 0;
font-size: 1.4rem;
color: #888;
}
#meal .me_inner img {
width: 100%;
height: auto;
object-fit: cover;
}
#meal .inner {
display: flex;
justify-content: space-around;
}
#meal .me_inner {
width: 50%;
}
#meal .txt {
width: 46%;
padding-left: 20px;
box-sizing: border-box;
background: #fff;
border-radius: 50px;
padding-bottom: 25px;
}
#meal .txt p.type {
font-weight: bold;
}
#meal .menu_p {
color: #17787c;
border-bottom: 1px solid #17787c;
font-size: 18px;
padding-left: 15px;
width: 85%;
margin: 20px auto;
}
#meal .menu_txt {
padding-left: 15px;
}
#meal .txt ul {
width: 100%;
padding: 0px 10px 0px;
}
#meal .txt ul li {
font-size: 1.6rem;
padding: 8px 16px;
text-align: left;
position: relative;
line-height: 1.4;
}
#meal .txt ul li::after {
position: absolute;
content: "・";
width: 1px;
top: 12px;
left: 0;
color: rgba(119, 119, 119, 1);
}
.mb_meal {
padding-bottom: 300px;
} @media screen and (min-width: 897px) {
}  @media screen and (max-width: 896px) {
#meal img {
width: 100%;
height: auto;
object-fit: cover;
}
#meal .inner {
flex-direction: column;
}
#meal .box {
padding: 60px 15px;
}
#meal .me_inner {
width: 100%;
}
#meal .txt {
width: auto;
padding-left: 0;
border-radius: 25px;
}
#meal .menu_txt {
padding-left: 0px;
width: 90%;
margin: 20px auto;
}
#meal .menu_p {
font-size: 16px;
margin: 0 auto;
}
#meal .txt ul li {
font-size: 1.4rem;
padding: 12px 0 12px 13px;
text-align: left;
}
#meal .menu_p {
margin-top: 40px;
}
.mb_meal {
padding-bottom: 0px;
}
} .meal_menulist_box {
width: 100%;
margin-bottom: 120px;
display: flex;
flex-wrap: wrap;
align-items: stretch;
box-sizing: border-box;
justify-content: center;
}
.meal_menulist_box a.meal_menulist_btn {
width: 31%;
height: 150px;
margin: 10px 1%;
box-sizing: border-box;
background-color: #5fb6ba;
position: relative;
}
.meal_menulist_box a.meal_menulist_btn img {
width: 100%;
height: 150px;
object-fit: cover;
box-sizing: border-box;
border: 1px solid #5fb6ba;
transition: 0.5s;
}
.meal_menulist_box a.meal_menulist_btn:hover img {
opacity: 0.4;
}
.meal_menulist_box a.meal_menulist_btn p {
position: absolute;
width: 80%;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
text-align: center;
color: #fff;
font-weight: bold;
font-size: 1.8rem;
text-shadow: #000 1px 0 10px;
}
@media screen and (max-width: 896px) {
.meal_menulist_box a.meal_menulist_btn {
width: 100%;
height: 100px;
margin: 8px 0;
}
.meal_menulist_box a.meal_menulist_btn img {
height: 100px;
}
}   #sauna {
padding: 40px 0;
}
#sauna .inner {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
margin-bottom: 60px;
}
#sauna .inner:last-of-type {
margin-bottom: 0;
}
#sauna .inner.reverse {
flex-direction: row-reverse;
}
#sauna .me_inner {
width: 50%;
}
#sauna .me_inner img {
width: 100%;
}
#sauna .txt {
width: 46%;
}
#sauna .txt p.type {
font-weight: bold;
}
#sauna .menu_p {
color: #17787c;
border-bottom: 1px solid #17787c;
font-size: 18px;
margin: 20px 0;
}
@media screen and (max-width: 896px) {
#sauna .me_inner {
width: 100%;
}
#sauna .txt {
width: 100%;
}
}  #withdog {
width: 100%;
padding: 40px 0;
margin-bottom: 100px;
} .dog_menulist_box {
display: flex;
flex-wrap: wrap;
align-items: stretch;
box-sizing: border-box;
justify-content: center;
}
.dog_menulist_box a.dog_menulist_btn {
width: 31%;
height: 150px;
margin: 10px 1%;
box-sizing: border-box;
background-color: #5fb6ba;
position: relative;
}
.dog_menulist_box a.dog_menulist_btn img {
width: 100%;
height: 150px;
object-fit: cover;
box-sizing: border-box;
border: 1px solid #5fb6ba;
transition: 0.5s;
}
.dog_menulist_box a.dog_menulist_btn:hover img {
opacity: 0.4;
}
.dog_menulist_box a.dog_menulist_btn p {
position: absolute;
width: 80%;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
text-align: center;
color: #fff;
font-weight: bold;
font-size: 1.8rem;
text-shadow: #000 1px 0 10px;
}
@media screen and (max-width: 896px) {
.dog_menulist_box a.dog_menulist_btn {
width: 100%;
height: 100px;
margin: 8px 0;
}
.dog_menulist_box a.dog_menulist_btn img {
height: 100px;
}
}  .withdog_point {
width: 100%;
display: flex;
flex-wrap: wrap;
align-items: stretch;
justify-content: space-between;
margin-top: 30px;
}
.withdog_point .withdog_point_box {
width: 32%;
padding: 30px;
background-color: #fff8d2;
box-sizing: border-box;
border-radius: 20px;
}
.withdog_point .withdog_point_box h4.withdog_point_h4 {
width: 100%;
line-height: 1.7;
margin: 15px 0;
}
.withdog_point .withdog_point_box .number_maru {
width: 50px;
height: 50px;
border-radius: 50%;
line-height: 50px;
text-align: center;
background-color: #f4ac6c;
color: #fff;
margin: 0 auto;
font-size: 2rem;
font-weight: bold;
}
.withdog_point .withdog_point_box a.point_link {
display: block;
width: 70%;
border-radius: 99999px;
box-sizing: border-box;
padding: 10px;
text-align: center;
background-color: #f4ac6c;
color: #fff;
margin: 20px auto 0 auto;
font-size: 1.5rem;
}
@media screen and (max-width: 896px) {
#withdog {
margin-bottom: 50px;
}
.withdog_point {
width: 94%;
margin: 30px auto 0 auto;
}
.withdog_point .withdog_point_box {
width: 100%;
padding: 30px 20px;
margin-bottom: 15px;
}
h3.stripe.withdog_stripe {
margin-bottom: 10px;
}
} .withdog_timeline {
width: 100%;
font-size: 1.5rem;
margin-bottom: 100px;
}
.withdog_timeline .step-wrap {
margin: 2em 0;
position: relative;
}
.withdog_timeline .step-content {
padding: 0 0 1.3em 2.5em;
margin: 0;
position: relative;
}
.withdog_timeline .step-content::before {
content: "";
display: block;
width: 24px;
height: 24px;
background: #7ccccf;
border-radius: 50%;
position: absolute;
top: 3px;
left: 3px;
}
.withdog_timeline .step-content::after {
content: "";
display: block;
height: calc(100% - 35px);
border-left: dotted 2px #7ccccf;
position: absolute;
top: 30px;
left: 14px;
}
.withdog_timeline .step-label {
color: #7ccccf;
font-weight: bold;
font-size: 1.7rem;
padding-top: 6px;
margin-bottom: 15px;
}
.withdog_timeline h4.step-title {
font-weight: bold;
font-size: 2rem;
margin-bottom: 20px;
text-align: left;
}
.withdog_timeline .step-body {
margin-top: 0.5em;
padding: 0 0 1em;
}
.withdog_timeline .step-wrap > :last-of-type::after {
display: none;
}
.withdog_timeline .step-body .step-imgbox {
width: 100%;
display: flex;
flex-wrap: wrap;
align-items: stretch;
flex-direction: row-reverse;
}
.withdog_timeline .step-body .step-imgbox .step-imgbox_txt {
width: 45%;
margin-right: 5%;
}
.withdog_timeline .step-body .step-imgbox .step-imgbox_img {
width: 50%;
}
.withdog_timeline .step_sub_box {
width: 100%;
margin-top: 40px;
padding-top: 40px;
border-top: 1px dotted #7ccccf;
}
.withdog_timeline .step_sub_box span.step_sub_box_span {
padding: 7px 20px;
background-color: #7ccccf;
color: #fff;
margin-bottom: 15px;
display: inline-block;
}
.withdog_timeline .step_sub_box h5.step_sub_box_h5 {
margin-bottom: 15px;
font-size: 1.7rem;
line-height: 1.7;
font-weight: bold;
}
.welcomebord_area {
width: 100%;
margin-top: 20px;
display: flex;
flex-wrap: wrap;
align-items: stretch;
justify-content: space-between;
}
.welcomebord_area .welcomebord_box {
width: 48%;
}
.withdog_timeline h5.step-imgbox_h5 {
margin: 15px 0;
font-size: 1.5rem;
line-height: 1.5;
}
.withdog_timeline h5.step-imgbox_h5 span {
padding: 10px 20px;
background-color: #7ccccf;
color: #fff;
display: inline-block;
}
@media screen and (max-width: 896px) {
.withdog_timeline {
width: 94%;
margin: 0 auto 50px auto;
}
.withdog_timeline .step-body .step-imgbox .step-imgbox_txt {
width: 100%;
margin-right: 0;
margin-top: 15px;
}
.withdog_timeline .step-body .step-imgbox .step-imgbox_img {
width: 100%;
}
} .withdog_btn_more {
margin-top: 30px;
padding: 5px 20px;
display: inline-flex;
width: fit-content;
border: 2px solid #17787c;
border-radius: 50px;
}
@media screen and (max-width: 896px) {
.withdog_btn_more {
margin: 20px auto 0;
}
}
.withdog_btn_more a {
text-align: center;
color: #17787c;
font-weight: bold;
display: block;
height: 100%;
padding: 5px;
}
.withdog_btn_more:hover {
opacity: 0.8;
background-color: #17787c;
}
.withdog_btn_more a:hover {
color: #fff;
}
.withdog_btn_more .btn_dog_icon {
margin-left: 6px;
}    .withdog_activity {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: auto;
gap: 20px;
} .withdog_activity .withdog_act_box {
display: grid;
grid-template-rows: subgrid;
grid-row: span 3;
gap: 20px;
padding: 20px;
border-radius: 10px;
} .withdog_activity .withdog_act_box.spring {
background-color: #ffeeee;
}
.withdog_activity .withdog_act_box.summer {
background-color: #e3ffe8;
}
.withdog_activity .withdog_act_box.autumn {
background-color: #fff4d7;
}
.withdog_activity .withdog_act_box.winter {
background-color: #e6f4ff;
}
.withdog_activity .withdog_act_box .act_box_season {
padding: 5px 10px;
display: inline-block;
margin-right: 15px;
color: #fff;
border-radius: 5px;
}
.withdog_activity .withdog_act_box.spring .act_box_season {
background-color: #ff8d8d;
}
.withdog_activity .withdog_act_box.summer .act_box_season {
background-color: #85c290;
}
.withdog_activity .withdog_act_box.autumn .act_box_season {
background-color: #f5bc41;
}
.withdog_activity .withdog_act_box.winter .act_box_season {
background-color: #5793c2;
}
.withdog_activity .withdog_act_season_box {
width: 100%;
display: flex;
flex-wrap: wrap;
align-items: stretch;
}
.withdog_activity .withdog_act_season_box .withdog_act_season_txt {
width: 60%;
}
.withdog_activity .withdog_act_season_box .withdog_act_season_img {
width: 37%;
margin-left: 3%;
} .withdog_activity .withdog_act_box.spring .withdog_btn_more {
border: 2px solid #ff8d8d;
}
.withdog_activity .withdog_act_box.spring .withdog_btn_more a{
color: #ff8d8d;
}
.withdog_activity .withdog_act_box.spring .withdog_btn_more:hover {
opacity: 0.8;
background-color: #ff8d8d;
}
.withdog_activity .withdog_act_box.summer .withdog_btn_more {
border: 2px solid #85c290;
}
.withdog_activity .withdog_act_box.summer .withdog_btn_more a{
color: #85c290;
}
.withdog_activity .withdog_act_box.summer .withdog_btn_more:hover {
opacity: 0.8;
background-color: #85c290;
}
.withdog_activity .withdog_act_box.autumn .withdog_btn_more {
border: 2px solid #f5bc41;
}
.withdog_activity .withdog_act_box.autumn .withdog_btn_more a{
color: #f5bc41;
}
.withdog_activity .withdog_act_box.autumn .withdog_btn_more:hover {
opacity: 0.8;
background-color: #f5bc41;
}
.withdog_activity .withdog_act_box.winter .withdog_btn_more {
border: 2px solid #5793c2;
}
.withdog_activity .withdog_act_box.winter .withdog_btn_more a{
color: #5793c2;
}
.withdog_activity .withdog_act_box.winter .withdog_btn_more:hover {
opacity: 0.8;
background-color: #5793c2;
}
.withdog_activity .withdog_act_box .withdog_btn_more a:hover {
color: #fff;
} @media screen and (max-width: 896px) { .withdog_activity {
display: block;
width: 100%;
}
.withdog_activity .withdog_act_box {
display: flex;
flex-direction: column;
justify-content: center;
box-sizing: border-box;
width: 100%;
margin-bottom: 20px;
padding: 20px;
} .withdog_activity .withdog_act_season_box .withdog_act_season_txt {
width: 100%;
}
.withdog_activity .withdog_act_season_box .withdog_act_season_img {
width: 100%;
margin-left: 0;
margin-top: 15px;
}
} .withdog_bold {
font-weight: bold;
}
.withdog_col {
color: #7ccccf;
}
.withdog_ul {
padding-left: 20px;
}
.withdog_ul li {
list-style-type: disc;
font-size: 1.5rem;
margin: 10px 0;
}
.withdog_m_bottom {
margin-bottom: 100px !important;
}
.withdog_m_top {
margin-top: 100px !important;
}
.withdog_btn_more a:hover {
color: #fff;
} .withdog_amenities {
background: #f2f1ea;
padding: 90px 0;
}
.withdog_amenities .withdog_amenities_box {
width: 94%;
max-width: 1000px;
margin: 0 auto;
}
@media screen and (max-width: 896px) {
.withdog_m_bottom {
margin-bottom: 50px !important;
}
.withdog_m_top {
margin-top: 50px !important;
}
.withdog_amenities {
padding: 45px 0;
}
} .withdog_sightseeing {
width: 100%;
display: flex;
flex-wrap: wrap;
align-items: stretch;
justify-content: space-between;
}
.withdog_sightseeing .withdog_sightseeing_box {
width: 49%;
background-color: #f6f6f6;
border-radius: 20px;
padding: 30px;
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
align-items: stretch;
margin-bottom: 30px;
}
.withdog_sightseeing .withdog_sightseeing_box .withdog_sightseeing_note {
width: 50%;
}
.withdog_sightseeing .withdog_sightseeing_box .withdog_sightseeing_img {
width: 47%;
margin-left: 3%;
}
.withdog_sightseeing .withdog_sightseeing_box .withdog_sightseeing_img img {
display: inline;
width: 100%;
height: auto;
}
.withdog_sightseeing .withdog_sightseeing_box .withdog_sightseeing_h4 {
text-align: left;
font-size: 1.8rem;
line-height: 1.7;
font-weight: bold;
}
@media screen and (max-width: 896px) {
.withdog_sightseeing .withdog_sightseeing_box {
width: 100%;
padding: 20px;
margin-bottom: 20px;
}
}   #stay {
width: 100%;
padding: 40px 0;
margin-bottom: 100px;
font-size: 1.5rem;
line-height: 1.7;
}
.stay_tab_container {
width: 100%;
display: flex;
flex-wrap: wrap;
align-items: stretch;
margin-bottom: 30px;
}
.stay_tab_container .stay_tab {
width: 24%;
margin: 0 1% 0 0;
padding: 15px;
background-color: #f6f6f6;
text-align: center;
cursor: pointer;
transition: 0.3s;
border-radius: 10px;
font-size: 1.7rem;
box-sizing: border-box;
}
.stay_tab_container .stay_tab:hover {
background-color: #7ccccf;
}
.stay_tab_container .stay_tab.active {
background-color: #7ccccf;
}
.stay_content {
display: none;
}
.stay_content.show {
display: block;
}
@media screen and (max-width: 896px) {
#stay {
width: 94%;
margin: 0 auto;
}
.stay_tab_container .stay_tab {
width: 100%;
margin: 0 0 15px 0;
font-size: 1.5rem;
}
} .stay_time {
width: 100%;
margin: 50px 0;
}
.stay_time .stay_time_head {
width: 100%;
background: #6b9b9c;
display: flex;
}
.stay_time .stay_time_head .head_col {
position: relative;
height: 56px;
padding-top: 12px;
box-sizing: border-box;
line-height: 1;
text-align: center;
box-sizing: border-box;
}
.stay_time .stay_time_head .head_col .num {
font-size: 2rem;
color: #fff;
}
.stay_time .stay_time_head .head_col.col01 {
background: #7ccccf;
}
#stay_winter .stay_time .stay_time_head .head_col.col01 {
width: 70%;
}
#stay_dog .stay_time .stay_time_head .head_col.col01 {
width: 75.5%;
}
.stay_time .stay_time_head .head_col.col01:after {
content: "";
position: absolute;
left: 100%;
top: 0;
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 28px 0 29px 24px;
border-color: transparent transparent transparent #7ccccf;
box-sizing: border-box;
}
.stay_time .stay_time_head .head_col.col02 {
width: 30%;
}
.stay_time ul.stay_time_nav_list {
display: table;
width: 100%;
table-layout: fixed;
text-align: center;
}
.stay_time ul.stay_time_nav_list li {
display: table-cell;
}
.stay_time ul.stay_time_nav_list li + li {
border-left: 1px solid #7ccccf;
}
.stay_time ul.stay_time_nav_list li a {
position: relative;
display: block;
height: 240px;
padding-top: 18px;
box-sizing: border-box;
}
.stay_time ul.stay_time_nav_list li a:hover {
background: rgba(173, 217, 251, 0.35);
opacity: 1;
}
.stay_time ul.stay_time_nav_list li .time {
display: block;
margin-bottom: 15px;
font-size: 1.4rem;
}
.stay_time ul.stay_time_nav_list li .tit {
display: inline-block;
line-height: 1.3;
text-align: left;
}
.stay_time ul.stay_time_nav_list li .icon_arrow_btm {
position: absolute;
bottom: 5px;
left: 50%;
margin-left: -4px;
fill: #add9fb;
}
@media screen and (min-width: 897px) {
.stay_time ul.stay_time_nav_list li .tit {
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
}
}
@media screen and (max-width: 896px) {
.stay_time {
width: 100%;
display: flex;
flex-wrap: wrap;
}
.stay_time .stay_time_head {
flex-direction: column;
width: 50px;
}
.stay_time .stay_time_head .head_col {
position: relative;
height: auto;
padding: 13px;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
}
.stay_time .stay_time_head .head_col .num {
font-size: 2rem;
}
.stay_time .stay_time_head .head_col.col02 {
width: 48%;
height: calc(40px * 7);
}
.stay_time ul.stay_time_nav_list {
display: block;
width: calc(100% - 50px);
table-layout: fixed;
text-align: center;
}
.stay_time ul.stay_time_nav_list li {
display: block;
width: 100%;
height: 40px;
border-bottom: 1px solid #7ccccf;
text-align: left;
}
.stay_time ul.stay_time_nav_list li + li {
border-left: none;
border-bottom: 1px solid #7ccccf;
}
.stay_time ul.stay_time_nav_list li a {
position: relative;
display: block;
width: 100%;
height: auto;
padding-top: 10px;
box-sizing: border-box;
}
.stay_time ul.stay_time_nav_list li .time {
display: inline-block;
line-height: 1.3;
margin-bottom: 0;
margin: 0 10px;
font-size: 1.4rem;
text-align: left;
}
.stay_time ul.stay_time_nav_list li .tit {
display: inline-block;
line-height: 1.3;
text-align: left;
}
.stay_time ul.stay_time_nav_list li .icon_arrow_btm {
position: absolute;
bottom: 40%;
left: inherit;
right: 5px;
margin-left: -4px;
}
#stay_winter .stay_time .stay_time_head .head_col.col01 {
width: 100%;
height: calc(41px * 7);
}
#stay_dog .stay_time .stay_time_head .head_col.col01 {
width: 100%;
height: calc(41px * 5);
}
.stay_time .stay_time_head .head_col.col01:after {
border: none;
}
#stay_winter .stay_time .stay_time_head .head_col.col02 {
width: 100%;
height: calc(40px * 3);
}
#stay_dog .stay_time .stay_time_head .head_col.col02 {
width: 100%;
height: calc(40px * 2);
}
} .stay_schedule_box {
width: 100%;
margin: 100px 0;
}
@media screen and (max-width: 896px) {
.stay_schedule_box {
margin: 50px 0;
}
}  .event-section {
background: #f7f9f5;
padding: 60px 20px;
font-family: "Noto Sans JP", sans-serif;
}
.event-container {
max-width: 1100px;
margin: 0 auto;
}
.event-section .button12 a {
padding: 1.0em 3em;
width: 180px;
} .event-list {
list-style: none;
margin: 0 0 40px;
padding: 0;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
gap: 24px;
} .event-item {
background: #fff;
border-radius: 16px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
overflow: hidden;
transition: transform 0.3s ease, box-shadow 0.3s ease;
position: relative;
}
.event-item:hover {
transform: translateY(-5px);
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
}
.event-thumb img {
width: 100%;
height: 180px;
object-fit: cover;
display: block;
} .event-label {
position: absolute;
top: 12px;
left: 12px;
z-index: 10;
display: flex;
gap: 6px;
}
.event-label span {
color: #fff;
font-size: 1.5rem;
padding: 8px 10px;
border-radius: 6px;
font-weight: 600;
letter-spacing: 0.02em;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}
.event-label .regular_event {
background: #76aecb;
}
.event-label .season_event {
background: #eda330;
} .event-info {
padding: 16px;
}
.event-info h4 {
margin-bottom: 0;
}
.event-title a {
font-size: 1.5rem;
font-weight: 700;
transition: color 0.3s ease;
}
.event-excerpt {
font-size: 0.95rem;
color: #495057;
margin-top: 8px;
line-height: 1.6;
} .eventModal {
display: none;
position: fixed;
z-index: 999;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
justify-content: center;
align-items: center;
padding: 30px;
box-sizing: border-box;
}
.eventModal.is-active {
display: flex;
animation: fadeIn 0.3s ease;
}
.eventModal__content {
background: #fff;
border-radius: 16px;
max-width: 700px;
width: 90%;
padding: 24px;
position: relative;
overflow-y: auto;
max-height: 80vh;
display: flex;
flex-direction: column;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}
.eventModal__title {
font-size: 1.8rem;
font-weight: 700;
margin-bottom: 16px;
color: #222;
}
.eventModal__thumb {
position: relative;
}
.eventModal__thumb img {
width: 100%;
height: auto;
border-radius: 12px;
margin-bottom: 16px;
object-fit: cover;
}
.eventModal__desc {
line-height: 1.8;
color: #444;
}
.eventModal__close {
position: absolute;
top: 12px;
right: 16px;
font-size: 2rem;
background: none;
border: none;
cursor: pointer;
color: #555;
transition: opacity 0.2s ease;
z-index: 2;
}
.eventModal__close:hover {
opacity: 0.7;
}
.eventModal__thumb .event-type {
position: absolute;
top: 12px;
left: 12px;
z-index: 10;
font-size: 1.5rem;
padding: 8px 10px;
border-radius: 6px;
font-weight: bold;
color: #fff;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}
.eventModal__thumb .regular_event {
background: #76aecb;
}
.eventModal__thumb .season_event {
background: #eda330;
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.eventModal__table {
margin-top: 16px;
border-radius: 12px;
overflow: hidden;
background-color: #f7f9f5;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
line-height: 1.8;
font-size: 1.5rem;
}
.eventModal__row {
display: flex;
border-bottom: 1px solid #e0e0e0;
}
.eventModal__row:last-child {
border-bottom: none;
}
.eventModal__cell {
padding: 10px 14px;
}
.eventModal__cell.label {
flex: 0 0 80px;
background-color: #76aecb; color: #fff;
font-weight: 600;
text-align: center;
border-right: 1px solid #e0e0e0;
border-radius: 8px 0 0 8px;
}
.eventModal__cell.value {
flex: 1;
background-color: #fff;
color: #333;
border-radius: 0 8px 8px 0;
} .month-filter {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-bottom: 20px;
justify-content: center;
}
.month-btn {
background: #72bdcc;
border: none;
padding: 20px 20px;
width: 80px;
height: 80px;
border-radius: 50%;
font-weight: bold;
color: #fff;
cursor: pointer;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
transition: all 0.3s ease;
font-family: 'Segoe UI', sans-serif;
}
.month-btn:hover {
transform: translateY(-3px);
box-shadow: 0 6px 8px rgba(0, 0, 0, 0.3);
background: #59a2b1;
}
.month-btn.active {
background: #3f96a7;
color: #fff;
transform: translateY(-2px);
box-shadow: 0 6px 10px rgba(0, 0, 0, 0.3);
}
@media (max-width: 768px) {
.event-list {
grid-template-columns: repeat(2, 1fr);
gap: 16px;
}
.event-info {
padding: 0 5px 10px;
}
.event-label {
top: 8px;
left: 8px;
}
.event-label span {
font-size: 1.1rem;
padding: 6px 6px;
}
.event-item {
border-radius: 12px;
}
.event-thumb img {
height: 120px;
}
.event-title a {
font-size: 1.2rem;
}
.eventModal {
padding: 16px;
}
.eventModal__content {
width: 100%;
height: auto;
max-height: 90vh;
padding: 20px;
border-radius: 12px;
}
.eventModal__title {
font-size: 1.5rem;
margin-bottom: 12px;
}
.eventModal__close {
top: 8px;
right: 10px;
font-size: 1.8rem;
}
.eventModal__desc p {
font-size: 1.4rem;
}
.eventModal__thumb img {
margin-bottom: 12px;
}
.eventModal__thumb .event-type {
font-size: 1.2rem;
padding: 6px 6px;
}
.eventModal__table {
font-size: 1.2rem;
}
.month-btn {
padding: 10px 10px;
width: 60px;
height: 60px;
}
}
#calendar-container {
padding: 50px 0;
}
.vertical-calendar {
max-width: 600px;
margin: 0 auto;
font-family: "Noto Sans JP", sans-serif;
}
.vertical-calendar h2 {
text-align: center;
margin-bottom: 20px;
font-size: 1.4em;
font-weight: bold;
}
.calendar-list {
list-style: none;
padding: 0;
margin: 0;
}
.calendar-item {
border-bottom: 1px solid #ddd;
display: flex;
}
.calendar-events ul {
margin: 0;
padding-left: 20px;
}
.no-event {
color: #999;
font-size: 0.9em;
}
.calendar-events {
padding: 15px;
width: 85%;
}
.calendar-date {
font-weight: bold;
padding: 15px;
background: #e5eff3;
display: flex;
justify-content: center;
align-items: center;
gap: 5px;
text-align: center;
width: 15%;
}
.calendar-item .sun {
color: #db3f3f;
font-weight: 500;
}
.calendar-item .sat {
color: #7575c7;
}
.calendar-item .holiday {
color: #db3f3f;
font-weight: 500;
} .calendar-event-item.event-specific {
color: #cd4400;
font-weight: 500;
} .calendar-event-item.event-season {
color: #d9920b;
font-weight: 500;
} .calendar-event-item {
color: #333;
}
.calendar-box .button12 a {
padding: 1.0em 3em;
width: 180px;
} .event_btn_area {
margin-top: 30px;
width: 100%;
}
.event_btn_more {
margin: 30px auto 0 auto;
padding: 5px 20px;
display: block;
width: 70%;
max-width: 400px;
border: 2px solid #17787c;
border-radius: 50px;
}
@media screen and (max-width: 896px) {
.event_btn_more {
margin: 20px auto 0;
}
}
.event_btn_more a {
text-align: center;
color: #17787c;
font-weight: bold;
display: block;
height: 100%;
padding: 5px;
}
.event_btn_more:hover {
opacity: 0.8;
background-color: #17787c;
}
.event_btn_more a:hover {
color: #fff;
}
.event_btn_more .btn_dog_icon {
margin-left: 6px;
}  .activity_event{
width: 100%;
}
.activity_event ul.activity_event_tab{
width: 100%;
display: flex;
flex-wrap: wrap;
align-items: stretch;
justify-content: center;
margin-bottom: 100px;
}
.activity_event ul.activity_event_tab li.tab-item{
width: 70px;
height: 70px;
margin: 0 10px;
line-height: 70px;
text-align: center;
background-color: #5fb6ba;
border-radius: 50%;
color: #fff;
cursor: pointer;
box-shadow: 0 4px 4px #adadad;
position: relative;
top: 0;
transition: 0.3s;
}
.activity_event ul.activity_event_tab li.tab-item.allitem{
background-color: #e58b8b;
}
.activity_event ul.activity_event_tab li.tab-item:hover{
top: 5px;
box-shadow: 0 0 0 #adadad;
}
.activity_event ul.activity_event_tab li.tab-item.is-active{
background-color: #168186;
}
.activity_event ul.activity_event_tab li.tab-item.is-active.allitem{
background-color: #da6868;
}
.activity_event .activity_event_contents .tab-panel{
display: none;
padding: 20px;
}
.activity_event .activity_event_contents .tab-panel.is-active {
display: block;
background: #f7f9f5;
padding: 60px 20px;
} @keyframes activity_fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@media screen and (max-width: 896px) {
.activity_event ul.activity_event_tab{
margin-bottom: 50px;
}  
.activity_event ul.activity_event_tab li.tab-item{
margin-bottom: 15px;
}
}
.activity_event_fade {
animation: activity_fadeIn 1.0s ease;
}
.activity_event .food_content__img{
height: 240px;
position: relative;
}
.event_type{
width: 170px;
padding: 7px 10px;
box-sizing: border-box;
position: absolute;
top:0;
left: 0;
border-radius: 0 0 7px 0;
font-weight: bold;
color: #fff;
}
.event_type.season{
background-color: #ff8989;
}
.event_type.regular{
background-color: #7ccccf;
}
.activity_event_icon_area{
width:90%;
margin: 15px auto 15px auto;
display: flex;
flex-wrap: wrap;
align-items: stretch;
justify-content:space-between;
}
.activity_event_icon_area .activity_event_icon_box{
width: 48%;
text-align: center;
padding: 7px 10px;
box-sizing: border-box;
border-radius: 7px;
font-weight: bold;
color: #fff;
}
.activity_event_icon_area .activity_event_icon_box.activity_dog{
background-color: #f4ac6c;
}
.activity_event_icon_area .activity_event_icon_box.activity_child{
background-color: #58b687;
}
@media screen and (max-width: 896px) {
.event_type{
width: 115px;
padding: 5px 5px;
border-radius: 0 0 5px 0;
font-size: 1.0rem;
}
.activity_event .food_content__img{
height: 110px;
}
.activity_event .food_content__img img{
height: 110px;
}
.activity_event_icon_area .activity_event_icon_box{
width: 100%;
padding: 5px 5px;
border-radius: 5px;
margin-top: 5px;
font-size: 1.1rem;
}
} .top_active_contents{
width: 100%;
height: 150px;
overflow: hidden;
position: relative;
transition: height 0.4s ease;
}
.top_active_contents::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 40px;
background: linear-gradient(transparent, #f7f9f5);
}
.top_active_contents.is-activity-open {
height: auto;
}
.top_active_contents.is-activity-open::after {
display: none;
}
.top_active_morebtn {
display: block;
margin: 10px auto 0 auto;
cursor: pointer;
background-color: #5fb6ba;
border: none;
outline: none;
padding: 10px;
appearance: none;
min-width: 300px;
color: #fff;
border-radius: 20px;
}
 html {
font-size: 62.5%;
}
body {
font-family: "Noto Sans JP", sans-serif, "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "MS P明朝", "MS 明朝", serif;
position: relative;
}
html,
body {
width: 100%;
}
@font-face {
font-family: 'Font Awesome 6 Free';
font-style: normal;
font-weight: 900;
font-display: swap;
src: url(https://use.fontawesome.com/releases/v6.7.1/webfonts/fa-solid-900.woff2) format("woff2");
}
@font-face {
font-family: 'Font Awesome 6 Free';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://use.fontawesome.com/releases/v6.7.1/webfonts/fa-regular-400.woff2) format("woff2");
}
h1 {
font-size: 3.2rem;
letter-spacing: 0.05em;
}
h2 {
font-size: 2.8rem;
color: #222;
text-align: center;
letter-spacing: 0.05em;
}
h3 {
font-size: 2.4rem;
color: #222;
}
h4 {
font-size: 2rem;
color: #222;
text-align: center;
margin-bottom: 20px;
}
.color_w {
color: #fff;
}
@media screen and (max-width: 896px) {
h2 {
font-size: 2.4rem;
}
h3 {
font-size: 1.8rem;
padding: 30px 0;
}
}
p,
address {
line-height: 1.7;
font-size: 1.5rem;
color: #333;
letter-spacing: 0.05em;
}
p.image-text {
padding: 10px 0 0;
text-align: center;
color: rgba(196, 196, 196, 1);
}
p.text_c {
text-align: center;
}
ul li {
font-size: 1.5rem;
color: #333;
}
a {
color: #333;
text-decoration: none;
transition: all 0.3s;
word-break: break-all;
}
a.white {
color: #fff;
}
a:hover {
opacity: 0.8;
}
a:hover>img {
opacity: 0.8;
}
img {
display: block;
}
@media screen and (max-width: 896px) {
img {
display: block;
max-width: 100%;
}
p.image-text {
font-size: 1.4rem;
text-align: left;
}
}
i.fa {
display: inline;
}
header {
display: block;
justify-content: space-between;
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 400;
}
.header {
position: fixed;
top: 0;
width: 100%;
background: #fff; transition: all 0.5s ease;
}
.hidden {
background: #fff;
transition: all 0.5s ease;
}
@media screen and (max-width: 896px) {
header {
display: flex;
height: 60px;
}
}
header h1 {
height: 70px;
}
@media screen and (max-width: 896px) {
header h1 {
height: 60px;
}
}
header h1 img {
padding: 2px 0 0px 20px;
width: 240px;
height: auto;
display: inline;
}
header h1 .logo_image {
position: relative;
}
header h1 .logo_image a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 333;
margin-top: 0px;
}
@media screen and (max-width: 896px) {
header h1 img {
width: 163px;
padding: 5px 0 0px 10px;
}
header h1 .logo_image {
position: static;
}
} nav {
position: absolute;
right: 0;
top: 0;
} .navbar_toggle {
z-index: 20;
}
.navbar_toggle_icon {
position: relative;
display: block;
height: 2px;
width: 52px;
background: #fff;
-webkit-transition: ease 0.5s;
transition: ease 0.5s;
}
@media screen and (max-width: 896px) {
.navbar_toggle_icon {
width: 30px;
}
}
.navbar_toggle_icon:nth-child(1) {
top: 0;
}
.navbar_toggle_icon:nth-child(2) {
margin: 14px 0;
}
.navbar_toggle_icon:nth-child(3) {
top: 0;
}
.navbar_toggle.open .navbar_toggle_icon:nth-child(1) {
top: 15px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.navbar_toggle.open .navbar_toggle_icon:nth-child(2) {
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
opacity: 0;
}
.navbar_toggle.open .navbar_toggle_icon:nth-child(3) {
top: -15px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.menu_list {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-transition: ease 0.5s;
transition: ease 0.5s;
z-index: 250;
width: 100%;
background: #fff;
position: absolute;
top: 0;
}
.menu_list li {
border-bottom: 1px solid #ccc;
font-size: 1.6rem;
}
.menu_list li a {
display: block;
padding: 30px;
}
@media screen and (max-width: 896px) {
.menu_list li a {
padding: 24px;
}
}
.menu_list.open {
-webkit-transform: translateY(0);
transform: translateY(0);
overflow-y: auto;
-webkit-overflow-scrolling: touch;
top: 100px;
}
@media screen and (max-width: 896px) {
.menu_list.open {
top: 60px;
}
} .container { max-width: 1400px;
margin: 0 auto;
}
.br_sp {
display: none;
}
.br_pc {
display: block;
}
@media screen and (max-width: 896px) {
.container {
width: 94%;
}
.br_sp {
display: block;
}
.br_pc {
display: none !important;
}
}
a.a_link {
text-decoration: underline;
word-break: break-all;
}
a.scroll_point {
height: 1px;
margin-top: -80px;
padding-top: 80px;
display: block;
}
@media screen and (max-width: 896px) {
a.scroll_point {
display: block;
margin-top: 0;
padding-top: 0;
}
}
h2.btm_border {
position: relative;
}
h2.btm_border:before,
h2.btm_border:after {
content: "";
position: absolute;
bottom: 0;
width: 51px;
height: 4px;
}
h2.btm_border:before {
left: 50%;
margin-left: -51px;
background: #7ccccf;
}
h2.btm_border:after {
right: 50%;
margin-right: -51px;
background: #f0f2f1;
}
h2.btm_stripe {
position: relative;
}
h2.btm_stripe:after {
position: absolute;
content: "";
bottom: 0;
right: 0;
left: 0;
margin: auto;
width: auto;
height: 8px;
background: url(//www.glamping-aichi.com/wp-content/themes/shitara_vl/img/stripe.png) no-repeat;
width: 40%;
height: 400px;
}
.mincho {
line-height: 1.1;
letter-spacing: 0.1em;
}
.btn_more {
border: 2px solid #17787c;
border-radius: 50px;
margin-top: 20px;
width: 200px;
}
@media screen and (max-width: 896px) {
.btn_more {
margin: 20px auto 0;
}
}
.btn_more a {
text-align: center;
color: #17787c;
font-weight: bold;
display: block;
height: 100%;
padding: 5px;
}
.btn_more:hover {
opacity: 0.8;
background-color: #17787c;
}
.btn_more a:hover {
color: #fff;
}
.pad_80 {
padding: 80px 0;
}
.pl_25 {
padding-left: 25px;
}
.mt_10 {
margin-top: 10px;
}
.mt_15 {
margin-top: 15px;
}
.mt_20 {
margin-top: 20px;
}
.mt_30 {
margin-top: 30px;
}
.mt_40 {
margin-top: 40px;
}
.mt_50 {
margin-top: 50px;
}
.mt_80 {
margin-top: 80px;
}
.mt_120 {
margin-top: 120px;
}
.mb_10 {
margin-bottom: 10px;
}
.mb_15 {
margin-bottom: 15px;
}
.mb_20 {
margin-bottom: 20px;
}
.mb_25 {
margin-bottom: 25px;
}
.mb_30 {
margin-bottom: 30px;
}
.mb_40 {
margin-bottom: 40px;
}
.mb_60 {
margin-bottom: 60px;
}
.mb_80 {
margin-bottom: 80px;
}
.mb_100 {
margin-bottom: 120px;
}
.mb_120 {
margin-bottom: 120px;
}
.mb_140 {
margin-bottom: 140px;
}
.mb_200 {
margin-bottom: 200px;
}
.mb_260 {
margin-bottom: 260px;
}
.mb_460 {
margin-bottom: 460px;
}
.ta_c {
text-align: center;
}
.ma_a {
margin: 0 auto;
}
@media screen and (max-width: 896px) {
.sp_mb_40 {
margin-bottom: 40px;
}
.mb_260,
.mb_460 {
margin-bottom: 60px;
}
}  #resort-rg {
background: #d4d4d4; padding: 60px 0;
}
.rg_group h2 {
color: #666;
line-height: 1.5;
}
.rg_group h2 span {
font-size: 2rem;
}
.rg_group h4.rg_group {
font-size: 1.6rem;
text-align: left;
margin-bottom: 0;
color: #666;
}
.rg_group .box {
display: flex;
flex-direction: column;
}
.rg_group .box ul {
display: flex;
-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;
}
@media screen and (max-width: 896px) {
.rg_group .box ul {
flex-direction: column;
}
}
.rg_group .box p.type {
text-align: center;
padding: 8px 0;
font-size: 1.8rem;
margin-bottom: 15px;
color: #fff;
}
.rg_group .box li {
display: flex;
margin-bottom: 32px;
margin-left: 8px;
width: 32%;
}
@media screen and (max-width: 896px) {
.rg_group .box li {
width: 100%;
margin-left: 0;
}
}
.rg_group .box li img {
width: 65px;
height: 45px;
object-fit: cover;
}
.rg_group .box li .txt {
padding: 5px 0 0 10px;
width: 100%;
}
.rg_group .box li .txt p {
font-size: 1.3rem;
line-height: 1.4;
margin-bottom: 5px;
color: #fff;
}
.rg_group .box li .txt h3 {
font-size: 1.6rem;
font-weight: 500;
line-height: 1.5;
color: #fff;
}
.rg_group .rg_details {
display: flex;
padding-left: 10px;
}
@media screen and (max-width: 896px) {
.rg_group .rg_details {
flex-direction: column;
}
}
.rg_group .rg_details dl {
float: left;
padding-right: 3%;
width: 32%;
font-size: 14px;
line-height: 1.5;
}
@media screen and (max-width: 896px) {
.rg_group .rg_details dl {
width: 100%;
}
}
.rg_group .rg_details dl:last-child {
padding-right: 0;
}
.rg_group .rg_details dt {
height: 1.6em;
font-weight: bold;
text-align: center;
padding: 20px 0 10px;
font-size: 16px;
text-decoration-line: underline;
color: #666;
}
@media screen and (max-width: 896px) {
.rg_group .rg_details dt {
text-align: left;
}
}
.rg_group .rg_details dd {
margin-left: 0px;
color: #666;
}
footer {
text-align: right;
padding: 80px 0 0;
}
footer .f_menu {
display: flex;
justify-content: space-between;
padding-bottom: 80px;
}
#footer-menu li {
padding: 9px 27px;
margin-top: 10px;
}
@media screen and (max-width: 896px) {
footer {
text-align: center;
padding: 68px 0 68px;
}
footer .f_menu {
flex-direction: column;
}
}
#footer-menu a {
display: block;
}
#menu-item-891 {
display: block;
}
#menu-item-1961 {
width: 43px;
}
#menu-item-1674 {
background: #7ccccf;
border-radius: 20px;
border: 1px solid #fff;
}
#menu-item-1674 a {
color: #fff;
}
#menu-item-1674:hover {
background: #fff;
}
#menu-item-1674 a:hover {
color: #7ccccf;
font-weight: bold;
opacity: 1;
}
footer h2 {
text-align: left;
font-size: 32px;
}
footer p {
text-align: left;
}
#footer-menu ul {
max-width: 640px;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
@media screen and (min-width: 897px) {
#menu-item-1960 {
width: 43px;
}
}
@media screen and (max-width: 896px) {
footer h2 {
text-align: center;
}
footer p {
text-align: center;
}
#footer-menu ul li {
padding: 10px 20px;
margin-bottom: 10px;
}
#menu-item-1961 {
width: 129px;
}
}
footer .info .logo_image {
width: 360px;
line-height: 1.5;
}
@media screen and (max-width: 896px) {
footer .info .logo_image {
margin: 20px auto;
width: 100%;
}
}
footer .info .logo_image img {
width: 200px;
}
@media screen and (max-width: 896px) {
footer .info .logo_image img {
width: 42%;
margin: 0 auto;
}
}
footer .info p.tel {
font-size: 2.5rem;
}
footer .info p.tel a {
color: #fff;
}
footer .info p.time {
font-size: 1.8rem;
}
footer .info .btn_orange a {
border-radius: 0;
padding: 12px 50px;
}
footer p.address {
margin-bottom: 20px;
}
footer a.recruit {
color: #5d87b7;
}
footer p.company {
font-size: 13px;
text-align: center;
}
footer .form_btn {
border: solid 1px #7ccccf;
padding: 3px 15px;
width: 200px;
}
@media screen and (max-width: 896px) {
footer .form_btn {
margin: 0 auto;
}
}
.reserve_pc {
position: fixed;
bottom: 110px;
right: 0;
width: 200px;
height: 107px;
z-index: 100;
background: #f7f5fa;
color: #5fb6ba;
text-align: center;
}
@media screen and (max-width: 896px) {
.reserve_pc {
display: none;
}
}
.reserve_pc p {
background: #a3c1ad;
font-size: 2rem;
color: #fff;
padding-top: 5px;
padding-bottom: 5px;
}
.reserve_pc a {
font-size: 2rem;
color: #474157;
}
.reserve_pc a.to489 {
font-size: 1.6rem;
color: #fff;
}
.reserve_pc a.to489:hover {
text-decoration: underline;
}
.reserve_pc .reserve_to489 {
background: #a3c1ad;
padding: 10px 0;
}
.reserve_pc .mailbox {
padding: 8px 5px 7px;
display: flex;
justify-content: center;
align-items: center;
width: 162px;
margin: 0 auto;
}
.reserve_pc .mailbox a {
padding: 0;
font-size: 1.4rem;
}
.reserve_pc p span {
display: block;
font-size: 60%;
}
#footer_sp {
display: none;
}
@media screen and (max-width: 1299px) {
#footer_sp {
display: block;
}
.reserve_sp {
width: 100%;
height: 60px;
display: flex;
position: fixed;
bottom: 0;
right: 0;
z-index: 555;
background: #7ccccf;
color: #fff;
text-align: center;
}
.reserve_sp p {
padding-top: 10px;
text-align: center;
}
.reserve_sp p a {
color: #fff;
display: block;
}
.reserve_web,
.reserve_tel,
.reserve_btn {
width: 25%;
}
.reserve_web,
.reserve_tel,
.reserve_btn {
border-right: #fff solid 1px;
}
.reserve_btn:last-of-type {
border-right: none;
}
.reserve_btn {
background: #e6ebec;
}
.reserve_btn p a {
color: #1d1d1e;
}
.drawer-menu {
box-sizing: border-box;
position: fixed;
top: 0;
right: 0;
bottom: 0;
width: 30%;
min-width: 300px;
height: 100%;
padding: 50px 0;
background: #e2e2e2;
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-delay: 0s;
transition-delay: 0s;
-webkit-transform-origin: right center;
-ms-transform-origin: right center;
transform-origin: right center;
-webkit-transform: perspective(500px) rotateY(-90deg);
transform: perspective(500px) rotateY(-90deg);
opacity: 0;
z-index: 999 !important;
}
.drawer-menu .menu {
overflow-y: auto;
height: 100%;
}
.menu-item {
display: block;
}
.drawer-menu li {
text-align: center;
}
#menu-item-4095 {
background: #7ccccf;
}
#menu-item-4095 a {
color: #fff;
}
.drawer-menu li a {
display: block;
height: 50px;
line-height: 50px;
font-size: 14px;
-webkit-transition: all 0.8s;
transition: all 0.8s;
}
.drawer-menu li a:hover {
color: #1a1e24;
background: #fff;
} .check {
display: none;
} .menu-btn {
position: fixed;
display: block;
top: 12px;
right: 6%;
width: 50px;
height: 40px;
font-size: 10px;
text-align: center;
cursor: pointer;
z-index: 9999;
}
.bar {
position: absolute;
top: 0;
left: 0;
display: block;
width: 50px;
height: 3px;
background: #cbcbcb; -webkit-transition: all 0.5s;
transition: all 0.5s;
-webkit-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top;
}
.bar.middle {
top: 15px;
opacity: 1;
}
.bar.bottom {
top: 30px;
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
}
.menu-btn:hover .bar {
background: #999;
}
.close-menu {
position: fixed;
top: 0;
right: 30%;
width: 100%;
height: 100vh;
background: rgba(0, 0, 0, 0);
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-delay: 0s;
transition-delay: 0s;
visibility: hidden;
opacity: 0;
} .check:checked~.drawer-menu {
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
-webkit-transform: none;
-ms-transform: none;
transform: none;
opacity: 1;
z-index: 2;
}
.check:checked~.contents {
-webkit-transition-delay: 0s;
transition-delay: 0s;
-webkit-transform: translateX(-300px);
-ms-transform: translateX(-300px);
transform: translateX(-300px);
}
.check:checked~.menu-btn .bar.top {
width: 56px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.check:checked~.menu-btn .bar.middle {
opacity: 0;
}
.check:checked~.menu-btn .bar.bottom {
width: 56px;
top: 39px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.check:checked~.close-menu {
-webkit-transition-duration: 1s;
transition-duration: 1s;
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
background: rgba(0, 0, 0, 0.5);
visibility: visible;
opacity: 1;
z-index: 3;
}
} @media screen and (min-width: 1300px) {
.drawer-menu {
height: 70px;
}
.drawer-menu .menu {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.drawer-menu .menu li:not(:first-child) {
margin-left: 20px;
}
#menu-item-891 {
display: none;
}
#menu-item-4095 {
padding: 35px 120px;
background-color: #7ccccf;
position: relative;
}
#menu-item-4095 a {
color: #fff;
font-weight: 500;
letter-spacing: 0.06em;
font-size: 1.6rem;
position: absolute;
top: 25px;
left: 50%;
transform: translateX(-50%);
}
#menu-item-4095 a .fa-chevron-right {
padding-left: 10px;
}
.menu-item {
display: inline-block;
text-align: center;
margin: 0 auto;
position: relative;
}
.menu-item a {
color: #333;
}
.check,
.menu-btn {
display: none;
}
} .pankuzu {
background: #f0f2f1;
padding: 8px 0 8px 5px;
font-size: 1.3rem;
color: #333;
padding-top: 80px;
}
.page_top_view {
padding: 45px 0 60px;
}
@media screen and (max-width: 896px) {
.page_top_view {
padding: 0 0 8%;
}
}
.page_top_view img {
width: 100%;
max-width: 1200px;
height: 400px;
object-fit: cover;
}
@media screen and (max-width: 896px) {
.page_top_view img {
width: 100%;
height: 240px;
}
}
.page_top_view img.page_top {
margin: 0 auto 40px;
object-position: 0 40%;
}
.page_top_view .ttl_area {
text-align: center;
}
.page_top_view .ttl_area h2 {
padding: 0 0 24px;
}
.page_top_view .ttl_area .en {
font-family: "Allura", cursive;
font-size: 10rem;
color: #d7ecec;
}
.page_top_view .ttl_area p.msg {
margin-top: 50px;
font-size: 1.6rem;
}
ul.room_slide li img {
margin-bottom: 15px;
}
ul.cate_btn {
margin: 45px 0 0;
display: flex;
justify-content: space-around;
}
ul.cate_btn li {
text-align: center;
}
ul.cate_btn li a {
background: #fff;
border: 1px solid #ccc;
padding: 18px 0 16px;
display: block;
}
ul.cate_btn li.btn_2 {
width: 346px;
}
ul.cate_btn li.btn_3 {
width: 310px;
}
ul.cate_btn li.btn_4 {
width: 240px;
}
h3.stripe {
position: relative;
text-align: center;
font-size: 2.6rem;
margin-bottom: 50px;
}
@media screen and (max-width: 896px) {
h3.stripe {
font-size: 2rem;
}
.page_top_view .ttl_area .en {
font-size: 6rem;
}
}
h3.stripe span {
padding: 0 25px;
position: relative;
z-index: 20;
}
@media screen and (max-width: 896px) {
h3.stripe span {
padding: 0 0;
}
}
h3.border {
color: #5d87b7;
position: relative;
text-align: center;
font-size: 2.6rem;
margin-bottom: 20px;
}
@media screen and (max-width: 896px) {
h3.border {
font-size: 2rem;
}
}
h3.border span {
background: #f1f4f4;
padding: 0 25px;
position: relative;
z-index: 20;
}
h3.border:before {
content: "";
display: block;
position: absolute;
height: 8px;
width: 100%;
border-top: 1px solid #ccc;
top: 0;
bottom: 0;
margin: auto;
z-index: 10;
}
#group_plan {
padding: 80px 0;
}
ul.plan_list {
display: flex;
justify-content: space-between;
}
ul.plan_list li {
width: 100%;
}
.plan_item {
width: 478px;
margin-bottom: 50px;
}
.plan_item .photo {
position: relative;
}
.plan_item .photo img {
object-fit: cover;
width: 100%;
height: 240px;
}
.plan_item .photo p.plan_num {
background: #648bb8;
color: #fff;
font-size: 1.4rem;
padding: 4px 25px;
position: absolute;
bottom: 0;
left: 0;
}
.plan_item .txt {
background: #fff;
padding: 2% 4% 3%;
}
.plan_item .txt .ttl {
border-bottom: 1px solid #5d87b7;
padding: 10px 0 20px;
text-align: center;
}
.plan_item .txt .ttl h4 {
font-size: 2.4rem;
margin: 15px 0 0;
}
.plan_item .txt .sub p {
font-size: 1.4rem;
margin-top: 15px;
}
.plan_item .txt .sub p.gray {
background: #ededed;
padding: 2%;
}
.plan_item .txt .sub .btn_orange {
margin-top: 5px;
}
.plan_large {
width: 100%;
margin-bottom: 65px;
}
#check_place {
padding: 40px 0;
}
#check_place p.msg {
margin-bottom: 40px;
font-size: 1.6rem;
color: #222;
text-align: center;
}
#check_place p.caution {
color: #444;
text-align: center;
margin-bottom: 60px;
}
#without_meals {
padding: 80px 0;
}
.detail {
width: 776px;
margin: 0 auto;
}
.name {
display: flex;
margin-bottom: 30px;
}
.name p {
font-size: 1.6rem;
}
.name p.green {
background: #19a495;
border: 1px solid #19a495;
color: #fff;
width: 25%;
text-align: center;
padding: 25px 0;
}
.name p.white {
background: #fff;
border: 1px solid #999;
width: 75%;
padding: 25px;
box-sizing: border-box;
}
#with_meals {
padding: 80px 0;
}
#day_plan {
padding: 80px 0;
}
#option {
padding: 80px 0;
}
.plan_content p.msg {
text-align: center;
margin-bottom: 40px;
font-size: 1.6rem;
color: #222;
}
#menu .menu_detail {
width: 800px;
margin: 0 auto;
}
#menu .menu_detail .txt {
background: #fff;
padding: 5px;
}
#menu .menu_detail .inner {
border: 1px solid #a5c9c2;
padding: 30px 0;
}
#menu .menu_detail li {
text-align: center;
margin-bottom: 25px;
color: #222;
font-size: 1.6rem;
}
#menu .menu_detail p {
text-align: center;
}
.glamping_content p.msg {
text-align: center;
margin-bottom: 40px;
font-size: 1.6rem;
color: #222;
}
.glamping_content .sche_head {
display: flex;
justify-content: space-around;
margin-bottom: 70px;
}
.glamping_content .sche_head .txt {
background: #fff;
width: 554px;
padding: 5px;
}
.glamping_content .sche_head .txt .inner {
border: 1px solid #eec9af;
padding: 40px 50px 35px;
box-sizing: border-box;
height: 100%;
}
.glamping_content .sche_head .txt .inner.night {
border: 1px solid #adc2d5;
}
.glamping_content .sche_head .txt .inner.morning {
border: 1px solid #a0c7b5;
}
.glamping_content .sche_head .txt h3 {
font-size: 4rem;
text-align: center;
}
.glamping_content .sche_head .txt h3.day {
color: #bd806c;
}
.glamping_content .sche_head .txt h3.night {
color: #6c808e;
}
.glamping_content .sche_head .txt h3.morning {
color: #648bb8;
}
.glamping_content .sche_head .txt .time {
text-align: center;
margin: 10px auto 20px;
width: 200px;
}
.glamping_content .sche_head .txt .time p {
padding: 5px 0;
}
.glamping_content .sche_head .txt .time p.en {
border-bottom: 2px solid #eec9af;
}
.glamping_content .sche_head .txt .time p.en.night {
border-bottom: 2px solid #adc2d5;
}
.glamping_content .sche_head .txt .time p.en.morning {
border-bottom: 2px solid #a0c7b5;
}
.glamping_content .sche_head .txt p.under {
line-height: 2;
}
.glamping_content .sche_head.reverse {
flex-direction: row-reverse;
}
.glamping_content .slides {
width: 900px;
margin: 0 auto;
}
.glamping_content .slides .slide {
margin-bottom: 20px;
}
.glamping_content .slides ul.slide_pager {
display: flex;
}
.container.news_single {
background: #fff;
padding: 80px 100px 100px;
min-height: 500px;
}
@media screen and (max-width: 896px) {
.container.news_single {
background: #fff;
padding: 10% 5%;
min-height: 300px;
box-sizing: border-box;
}
}
.container.news_single p.date {
text-align: center;
}
.container.news_single h2 {
padding: 15px 0 25px;
margin-bottom: 55px;
font-size: 2.4rem;
line-height: 1.2;
}
.container.news_single .article_content img {
margin: 0 auto 45px;
max-width: 100%;
height: auto;
}
@media screen and (max-width: 896px) {
.container.news_single .article_content img {
height: auto;
object-fit: cover;
}
}
.container.news_single .article_content p {
line-height: 2;
word-break: break-word;
}
@media screen and (min-width: 897px) {
.container.news_single .article_content p {
margin: auto 10%;
}
}
.container.news_list p.news_list {
text-align: center;
font-size: 2rem;
font-weight: bold;
}
ul.news_list li {
padding: 20px;
border-bottom: 1px solid #ccc;
line-height: 1.5;
}
ul.news_list li .cate {
color: #5d87b7;
font-size: 1.4rem;
}
.qa_dl {
font-size: 1.6rem;
line-height: 1.7em;
margin-bottom: 50px;
}
.qa_dl dd {
text-indent: 1em;
}
@media screen and (max-width: 896px) {
.qa_dl dd {
text-indent: 0;
}
}
.qa_green_text {
color: #5d87b7;
font-size: 2rem;
font-weight: bold;
}
.qa_orange_text {
color: #5d87b7;
font-size: 2rem;
font-weight: bold;
}
.qa_mb {
margin-bottom: 20px;
}  footer .info {
margin-bottom: 2em;
padding-left: 15px;
padding-right: 15px;
}
@media screen and (max-width: 896px) {
footer .info {
margin-bottom: 50px;
}
}
footer p.checkin a {
color: #fff;
padding-right: 1em;
}
.checkin_box {
margin-bottom: 1em;
} .arrow {
position: relative;
display: inline-block;
padding: 0 0 0 16px;
color: #000;
vertical-align: middle;
text-decoration: none;
font-size: 15px;
}
.arrow::before,
.arrow::after {
position: absolute;
top: 0;
bottom: 0;
right: 0;
margin: auto;
content: "";
vertical-align: middle;
} .wrapper_video {
margin: 0 auto;
width: 800px;
text-align: left;
position: relative;
visibility: hidden;
}
#video {
width: 100%;
margin: 0 auto;
padding: 0;
background-color: #000;
}
.video_box {
width: 800px;
height: auto;
margin: 0 auto;
text-align: center;
}
.video_box video {
width: 100%;
height: auto;
margin: 0 auto;
} #fixedTop {
right: 10px;
bottom: 100px;
color: #fff;
text-align: center;
line-height: 60px;
text-decoration: none;
vertical-align: middle;
display: none;
width: 60px;
height: 60px;
border-radius: 50%;
background: #5fb6ba;
position: fixed;
z-index: 99;
font-size: 20px;
}
#fixedTop:hover {
background: rgba(50, 50, 50, 1);
}
@media screen and (max-width: 896px) {
#fixedTop {
display: none !important;
}
} #content h2 {
font-size: 4rem;
text-align: center;
padding: 10rem 0 6rem;
margin: 0 auto;
}
#content p {
text-align: center;
padding: 3rem 0;
}
.pc {
display: none !important;
}  .swiper-wrapper {
width: 100%;
height: 250px;
} .swiper-slide {
width: 100%;
height: 100%;
}
.swiper-slide img {
width: 100%;
height: 100vh;
object-fit: cover;
object-position: bottom;
}
@media screen and (max-width: 896px) {
.swiper-slide img {
height: 400px;
}
} .swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
color: #000;
}
.recruit_image {
width: 45%;
margin-top: 20px;
}
.recruit_image img {
width: 100%;
}
@media screen and (max-width: 896px) {
.recruit_image {
margin: 20px auto;
}
}
.c-video2,
.c-video3 {
position: relative;
}
.c-video3 {
width: 400px;
max-width: 100%;
margin: auto;
}
.c-video__frame,
.c-video__frame2 {
overflow: hidden;
position: relative;
width: 100%;
height: 0;
padding-top: calc(9 / 16 * 100%);
background: #000;
}
.c-video__frame3 {
overflow: hidden;
position: relative;
width: 100%;
height: 0;
padding-top: calc(16 / 9 * 100%);
background: #000;
}
.c-video__frame iframe,
.c-video__frame2 iframe,
.c-video__frame3 iframe {
pointer-events: none; position: absolute;
top: -60px;
left: 0;
width: 100%;
height: calc(100% + 120px);
transition: 0.1s ease;
transition-property: opacity, visibility;
}
#audioBtn {
position: absolute;
top: 100px;
right: 20px;
cursor: pointer;
color: #fff;
font-size: 22px;
opacity: 0.3;
}
#audioBtn .on_audio {
display: none;
}
#audioBtn.unmuted .off_audio {
display: none;
}
#audioBtn.unmuted .on_audio {
display: block;
}
.c-video3 #audioBtn {
top: 20px;
}
#playBtn {
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
}
#playBtn img {
width: 100%;
height: 100%;
object-fit: cover;
}
#splash {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
z-index: 9999;
background: #333;
text-align: center;
color: #fcfdfe;
}
#splash_logo {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
#splash_logo img {
width: 260px;
}
.fadeUp {
-webkit-animation-name: fadeUpAnime;
animation-name: fadeUpAnime;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
opacity: 0;
}
@-webkit-keyframes fadeUpAnime {
from {
opacity: 0;
-webkit-transform: translateY(100px);
transform: translateY(100px);
}
to {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeUpAnime {
from {
opacity: 0;
-webkit-transform: translateY(100px);
transform: translateY(100px);
}
to {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@media screen and (max-width: 896px) {
.c-video__frame {
padding-top: calc(12 / 11 * 100%);
}
.c-video__frame iframe {
left: 50%;
width: 195%;
transform: translateX(-50%);
}
#audioBtn {
top: 20px;
}
}
span {
display: inline-block;
} .language {
z-index: 9999;
position: absolute;
right: 83px;
top: 92px;
width: 140px;
height: 20px;
}
.language>li { width: 100%;
} .language li {
list-style: none;
position: relative;
}
.language li p.lan-en,
.language li a {
background: #eee;
display: block;
text-align: center;
text-decoration: none;
width: 100%;
padding: 5px 0;
border-radius: 18px;
} .language li li {
height: 0;
overflow: hidden;
transition: 0.5s;
margin-top: 1px;
margin-bottom: 6px;
}
.language li:hover>ul>li {
height: 2rem;
overflow: visible;
}
@media screen and (max-width: 896px) {
.language {
left: 185px;
top: 10px;
width: 110px;
}
}
.room_btn {
display: flex;
justify-content: center;
margin-bottom: 5%;
}
.room_btn .btn_more {
margin-right: 1%;
width: 250px;
}
@media screen and (max-width: 896px) {
.room_btn {
display: block;
}
.room_btn .btn_more {
margin: 1% auto;
}
}
h3.room_type {
display: block;
padding-top: 70px;
margin-top: -70px;
} img {
max-width: 100%;
}
html {
scroll-behavior: smooth;
}
* {
scroll-margin-top: 70px;
}
.container.-pd {
width: 100%;
box-sizing: border-box;
padding: 0 20px;
max-width: 1440px;
}
.key-visual {
padding: 80px 0;
overflow: hidden;
}
.key-visual .content-box>.txt-box {
margin-bottom: 50px;
}
.key-visual .content-box>.txt-box>.en-ttl {
font-size: 66px;
font-family: "Allura", cursive;
color: #17787c;
}
.key-visual .content-box>.txt-box>h2 {
font-size: 30px;
text-align: left;
margin-bottom: 25px;
}
.key-visual .content-box>.txt-box>.txt {
line-height: 2;
}
.key-visual .content-box>.img-box {
margin-right: calc(0px - (50vw - 700px));
position: relative;
padding-bottom: 40%;
}
.key-visual .content-box>.img-box>img {
position: absolute;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
top: 0;
left: 0;
}
.key-visual .content-box>.img-box>img.meal_op {
object-position: 50% 20%;
}
@media only screen and (max-width: 1410px) {
.key-visual .content-box>.txt-box>.en-ttl {
font-size: 50px;
}
.key-visual .content-box>.txt-box>h2 {
font-size: 26px;
}
.key-visual .content-box>.img-box {
margin-right: 0;
margin-left: auto;
}
}
@media only screen and (max-width: 896px) {
.key-visual {
padding: 60px 0;
}
.key-visual .content-box>.img-box {
margin: 0 -6%;
margin-right: 0;
width: 110%;
}
}
.in-page-link {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 10px 20px;
margin-bottom: 120px;
}
.in-page-link>li {
min-width: 206px;
}
.in-page-link>li>a {
font-size: 16px;
text-align: center;
color: #17787c;
border: 1px solid #17787c;
background: #fff;
border-radius: 30px;
padding: 12px 30px;
display: block;
position: relative;
}
.in-page-link>li>a:after {
content: "\f107";
font-weight: 900;
font-family: "Font Awesome 5 Free";
position: absolute;
top: 50%;
right: 10px;
transform: translateY(-50%);
}
@media only screen and (min-width: 897px) {
.in-page-link>li>a {
transition: 0.3s;
}
.in-page-link>li>a:hover {
color: #fff;
background: #17787c;
}
}
@media only screen and (max-width: 896px) {
.in-page-link {
gap: 15px;
margin-bottom: 80px;
}
.in-page-link>li {
min-width: 160px;
}
.in-page-link>li>a {
font-size: 14px;
padding: 10px 20px;
}
.in-page-link>li>a:after {
right: 5px;
}
}
.img-swiper .main-img .slide-arrow {
position: absolute;
top: 50%;
width: 30px;
height: 30px;
z-index: 2;
border: 3px solid #fff;
border-bottom: 0;
border-left: 0;
cursor: pointer;
transform-origin: center;
}
.img-swiper .main-img .slide-arrow.prev-arrow {
left: 15px;
transform: translateY(-50%) rotate(225deg);
}
.img-swiper .main-img .slide-arrow.next-arrow {
right: 15px;
transform: translateY(-50%) rotate(45deg);
}
.img-swiper .sub-img-list .item {
opacity: 0.6;
cursor: pointer;
transition: 0.3s;
}
.img-swiper .sub-img-list .item.slick-current,
.img-swiper .sub-img-list .item:hover {
opacity: 1;
}
.meal-menu {
margin-bottom: 120px;
}
.meal-menu>*+* {
margin-top: 80px;
}
.meal-menu>.item {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: space-between;
background: #f6f6f6;
padding: 50px;
border-radius: 50px;
}
.meal-menu>.item>.main-ttl {
font-size: 30px;
text-align: center;
width: 100%;
margin-bottom: 50px;
}
.meal-menu>.item .img-box {
width: 100%;
padding-bottom: 65%;
position: relative;
}
.meal-menu>.item .img-box>img {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
-o-object-fit: cover;
object-fit: cover;
}
.meal-menu>.item>.left-box {
width: 50%;
}
.meal-menu>.item>.right-box {
width: 47%;
}
.meal-menu>.item>.right-box>.txt-box {
background: #fff;
border-radius: 20px;
padding: 40px;
box-sizing: border-box;
}
.meal-menu>.item>.right-box>.txt-box>.ttl {
font-size: 18px;
font-weight: 700;
color: #17787c;
line-height: 1.6;
margin-bottom: 5px;
}
.meal-menu>.item>.right-box>.txt-box>.ttl>span {
font-size: 14px;
}
.meal-menu>.item>.right-box>.txt-box>.sub-ttl {
font-size: 16px;
font-weight: 700;
line-height: 1.4;
border-bottom: 2px solid #17787c;
margin: 0 -40px;
padding: 0 40px 15px;
margin-bottom: 30px;
}
.meal-menu>.item>.right-box>.txt-box .menu-list>*+* {
margin-top: 15px;
}
.meal-menu>.item>.right-box>.txt-box .menu-list>li>*+* {
margin-top: 10px;
}
.meal-menu>.item>.right-box>.txt-box .menu-list>li>.txt {
font-size: 14px;
font-weight: 700;
}
.meal-menu>.item>.right-box>.txt-box>.txt-box {
margin-bottom: 50px;
}
.meal-menu>.item>.right-box>.txt-box>.btn-box {
display: flex;
gap: 0 13px;
}
.meal-menu>.item>.right-box>.txt-box>.btn-box .button01 {
padding: 15px 26px 15px 15px;
}
@media only screen and (max-width: 1232px) {
.meal-menu {
margin-bottom: 70px;
}
.meal-menu>*+* {
margin-top: 50px;
}
.meal-menu>.item {
padding: 30px 20px;
border-radius: 10px;
}
.meal-menu>.item>.main-ttl {
font-size: 20px;
margin-bottom: 20px;
}
.meal-menu>.item>.left-box {
width: 100%;
margin-bottom: 20px;
}
.meal-menu>.item>.right-box {
width: 100%;
}
.meal-menu>.item>.right-box>.txt-box {
padding: 20px;
border-radius: 5px;
}
.meal-menu>.item>.right-box>.txt-box>.ttl {
font-size: 16px;
}
.meal-menu>.item>.right-box>.txt-box>.sub-ttl {
font-size: 13px;
margin: 0 -20px 20px;
padding: 0 20px 15px;
}
.meal-menu>.item>.right-box>.txt-box>.btn-box {
flex-wrap: wrap;
gap: 10px 0;
}
.meal-menu>.item>.right-box>.txt-box>.btn-box>.item {
text-align: center;
width: 100%;
}
}
.dot-list>*+* {
margin-top: 10px;
}
.dot-list>li {
font-size: 14px;
position: relative;
padding-left: 18px;
}
.dot-list>li:before {
content: "-";
font-weight: 700;
color: #17787c;
position: absolute;
top: 0;
left: 0;
}
@media only screen and (max-width: 896px) {
.dot-list>li {
font-size: 13px;
}
}
.asterisk-list>*+* {
margin-top: 10px;
}
.asterisk-list>li {
font-size: 14px;
color: #888;
position: relative;
padding-left: 20px;
}
.asterisk-list>li:before {
content: "※";
position: absolute;
top: 0;
left: 0;
}
.button01 {
font-size: 16px;
font-weight: 700;
text-align: center;
color: #17787c;
border: 2px solid #17787c;
padding: 15px 40px;
border-radius: 30px;
display: inline-block;
width: 100%;
max-width: 220px;
transition: 0.3s;
box-sizing: border-box;
position: relative;
}
.button01:before {
content: "\f105";
font-weight: 900;
font-family: "Font Awesome 5 Free";
position: absolute;
top: 50%;
right: 10px;
transform: translateY(-50%);
}
.button01:hover {
color: #fff;
background: #17787c;
opacity: 1;
}
@media only screen and (max-width: 896px) {
.button01 {
font-size: 14px;
padding: 12px 40px;
}
}
.meal-vegetables,
.meal-activities {
background: #f2f1ea;
padding: 90px 0;
}
.meal-vegetables h3,
.meal-activities h3 {
text-align: center;
margin-bottom: 30px;
}
.meal-vegetables .vegetables-content,
.meal-vegetables .activities-content,
.meal-activities .vegetables-content,
.meal-activities .activities-content {
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 80px;
}
.meal-vegetables .vegetables-content>.txt,
.meal-vegetables .activities-content>.txt,
.meal-activities .vegetables-content>.txt,
.meal-activities .activities-content>.txt {
text-align: center;
margin-bottom: 20px;
}
@media only screen and (max-width: 896px) {
.meal-vegetables,
.meal-activities {
padding: 50px 0;
}
.meal-vegetables .activities-content>.txt,
.meal-activities .activities-content>.txt {
text-align: left;
}
.meal-vegetables .vegetables-content,
.meal-activities .vegetables-content {
margin-bottom: 0;
}
}
.tab-box {
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.tab-box .tab-list {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.tab-box .tab-list>li {
font-size: 16px;
text-align: center;
width: 25%;
background: #ecf7f8;
padding: 20px 20px;
box-sizing: border-box;
cursor: pointer;
transition: 0.3s;
border-bottom: 5px solid #a1dadc;
}
.tab-box .tab-list>li>span {
font-size: 33px;
font-weight: 700;
margin-right: 5px;
}
.tab-box .tab-list>li.-current,
.tab-box .tab-list>li:hover {
color: #fff;
background: #a1dadc;
}
.tab-box .tab-content .content-box {
background: #fff;
padding: 40px;
box-sizing: border-box;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.tab-box .tab-content .content-box>.img-swiper {
width: 50%;
background: #000;
}
.tab-box .tab-content .content-box>.img-box {
width: 50%;
}
.tab-box .tab-content .content-box>.txt-box {
width: 47%;
}
.tab-box .tab-content .content-box>.txt-box>.ttl {
font-size: 20px;
font-weight: 700;
margin-bottom: 20px;
}
.tab-box .tab-content .content-box>.txt-box>.txt {
margin-bottom: 30px;
}
@media only screen and (max-width: 896px) {
.tab-box>.tab-list>li {
font-size: 12px;
padding: 20px 2px;
}
.tab-box>.tab-list>li>span {
font-size: 22px;
margin-right: 1px;
}
.tab-box .tab-content .content-box {
padding: 30px 20px;
}
.tab-box .tab-content .content-box .img-swiper,
.tab-box .tab-content .content-box>.img-box {
width: 100%;
margin-bottom: 20px;
}
.tab-box .tab-content .content-box>.txt-box {
width: 100%;
}
.tab-box .tab-content .content-box>.txt-box>.btn-box {
text-align: center;
}
}
.meal-ingredients {
padding: 100px 0;
}
.meal-ingredients>h3 {
text-align: center;
margin-bottom: 50px;
}
.meal-ingredients .ingredients-list>*+* {
margin-top: 50px;
}
.meal-ingredients .ingredients-list>li .content-box {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.meal-ingredients .ingredients-list>li .content-box>.img-box {
width: 50%;
position: relative;
}
.meal-ingredients .ingredients-list>li .content-box>.img-box>.ttl {
font-size: 20px;
font-weight: 700;
color: #fff;
position: absolute;
width: 100%;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.6);
padding: 12px 20px;
box-sizing: border-box;
}
.meal-ingredients .ingredients-list>li .content-box>.txt-box {
width: 47%;
}
@media only screen and (max-width: 896px) {
.meal-ingredients {
padding: 60px 0;
}
.meal-ingredients .ingredients-list>li .content-box>.img-box,
.meal-ingredients .ingredients-list>li .content-box>.txt-box {
width: 100%;
}
.meal-ingredients .ingredients-list>li .content-box>.img-box {
margin-bottom: 20px;
}
}
.activity-sub-box {
padding-bottom: 200px;
}
.activity-sub-box>*+* {
margin-top: 150px;
}
.activity-sub-box>section>h3 {
text-align: center;
margin-bottom: 50px;
}
.card-list {
display: flex;
flex-wrap: wrap;
gap: 30px 2%;
}
.card-list>li {
width: 32%;
position: relative;
transition: 0.3s;
}
.card-list>li>a {
position: absolute;
display: block;
font-size: 0;
width: 100%;
height: 100%;
z-index: 7;
top: 0;
left: 0;
}
.card-list>li>.img-box {
width: 100%;
position: relative;
padding-bottom: 60%;
border-radius: 10px;
overflow: hidden;
}
.card-list>li>.img-box>img {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
-o-object-fit: cover;
object-fit: cover;
}
.card-list>li>.txt-box {
padding: 20px;
box-sizing: border-box;
}
.card-list>li>.txt-box>.ttl {
font-size: 20px;
font-weight: 700;
text-align: center;
}
.card-list>li:hover {
opacity: 0.7;
}
@media only screen and (max-width: 896px) {
.card-list>li {
width: 49%;
}
.card-list>li>.txt-box>.ttl {
font-size: 16px;
}
}
@media only screen and (max-width: 500px) {
.card-list>li {
width: 100%;
}
} .movie_box {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}
.movie_box div {
width: 475px;
}
.movie_box div iframe {
width: 475px;
height: 845px;
}
@media only screen and (max-width: 500px) {
.movie_box div {
width: 380px;
margin-bottom: 15px;
}
.movie_box div iframe {
width: 380px;
height: 800px;
}
} .title_Allura {
font-family: "Allura", cursive;
color: #7ccccf;
}
.boldtext {
font-weight: bold;
}
.btn_more.tent {
width: 275px;
}
 .slick-loading .slick-list {
background: #fff url(https://www.glamping-aichi.com/wp-content/themes/shitara_vl/slick/ajax-loader.gif) center center no-repeat;
} @font-face {
font-family: 'slick';
font-weight: normal;
font-style: normal;
font-display: swap;
src: url(https://www.glamping-aichi.com/wp-content/themes/shitara_vl/slick/fonts/slick.eot);
src: url(https://www.glamping-aichi.com/wp-content/themes/shitara_vl/slick/fonts/slick.eot?#iefix) format('embedded-opentype'), url(https://www.glamping-aichi.com/wp-content/themes/shitara_vl/slick/fonts/slick.woff) format('woff'), url(https://www.glamping-aichi.com/wp-content/themes/shitara_vl/slick/fonts/slick.ttf) format('truetype'), url(https://www.glamping-aichi.com/wp-content/themes/shitara_vl/slick/fonts/slick.svg#slick) format('svg');
} .slick-prev,
.slick-next {
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
opacity: .25;
}
.slick-prev:before,
.slick-next:before {
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev {
left: -25px;
}
[dir='rtl'] .slick-prev {
right: -25px;
left: auto;
}
.slick-prev:before {
content: '←';
}
[dir='rtl'] .slick-prev:before {
content: '→';
}
.slick-next {
right: -25px;
}
[dir='rtl'] .slick-next {
right: auto;
left: -25px;
}
.slick-next:before {
content: '→';
}
[dir='rtl'] .slick-next:before {
content: '←';
} .slick-dotted.slick-slider {
margin-bottom: 30px;
}
.slick-dots {
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li {
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
opacity: 1;
}
.slick-dots li button:before {
font-family: 'slick';
font-size: 15px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
opacity: .75;
color: black;
}.slick-prev:before, .slick-next:before {
color: #666;
display: none;
} .slick-next {
right: 0px;
z-index: 99;
}
.slick-prev {
left: 0px;
z-index: 100;
}
.slick-prev, .slick-next {
top: 25%;
}.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0 auto;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}:root {  --sb-color-gray-600: #4a5565;
--sb-color-gray-700: #364153;
--sb-color-wp-light-blue-600: #007ca8; --sb-duration-75:   75ms;
--sb-duration-100:  100ms;
--sb-duration-150:  150ms;
--sb-duration-200:  200ms;
--sb-duration-300:  300ms;
--sb-duration-500:  500ms;
--sb-duration-700:  700ms;
--sb-duration-1000: 1000ms; --sb-opacity-disabled: 0.5; --sb-fg-muted:  var(--sb-color-gray-700);
--sb-fg-subtle: var(--sb-color-gray-600); --sb-focus-ring: var(--sb-color-wp-light-blue-600); --sb-text-secondary: var(--sb-fg-muted);
--sb-text-tertiary:  var(--sb-fg-subtle);
} @media (prefers-reduced-motion: reduce) {
:root {
--sb-duration-75:   0.01ms;
--sb-duration-100:  0.01ms;
--sb-duration-150:  0.01ms;
--sb-duration-200:  0.01ms;
--sb-duration-300:  0.01ms;
--sb-duration-500:  0.01ms;
--sb-duration-700:  0.01ms;
--sb-duration-1000: 0.01ms;
}
}#sb_instagram a:focus-visible,#sb_instagram button:focus-visible,.sbi_lightbox a:focus-visible,.sbi_lightbox button:focus-visible{ outline:2px solid var(--sb-focus-ring)!important;outline-offset:2px!important}#sb_instagram .sbi_item:has(.sbi_photo:focus-visible){outline:2px solid var(--sb-focus-ring);outline-offset:0}#sb_instagram .sb_instagram_header:has(.sbi_header_link:focus-visible){outline:2px solid var(--sb-focus-ring);outline-offset:2px}#sb_instagram{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 auto;padding:0;width:100%}#sb_instagram:after{clear:both;content:"";display:table}#sb_instagram.sbi_fixed_height{overflow:hidden;overflow-y:auto}#sb_instagram #sbi_images,#sb_instagram.sbi_fixed_height{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#sb_instagram .sbi_header_link{-webkit-box-shadow:none;box-shadow:none}#sb_instagram .sbi_header_link:hover{border:none}#sb_instagram #sbi_images .sbi_item{zoom:1;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:inline-block;margin:0!important;opacity:1;overflow:hidden;text-decoration:none;-webkit-transition:all var(--sb-duration-500) ease;-moz-transition:all var(--sb-duration-500) ease;-o-transition:all var(--sb-duration-500) ease;transition:all var(--sb-duration-500) ease;vertical-align:top;width:100%}#sb_instagram #sbi_images .sbi_item.sbi_transition{opacity:0}#sb_instagram #sbi_images{display:grid;padding:12px 0;width:100%}#sb_instagram.sbi_col_1 #sbi_images{grid-template-columns:repeat(1,1fr)}#sb_instagram.sbi_col_2 #sbi_images{grid-template-columns:repeat(2,1fr)}#sb_instagram.sbi_col_3 #sbi_images{grid-template-columns:repeat(3,1fr)}#sb_instagram.sbi_col_4 #sbi_images{grid-template-columns:repeat(4,1fr)}#sb_instagram.sbi_col_5 #sbi_images{grid-template-columns:repeat(5,1fr)}#sb_instagram.sbi_col_6 #sbi_images{grid-template-columns:repeat(6,1fr)}#sb_instagram.sbi_col_7 #sbi_images{grid-template-columns:repeat(7,1fr)}#sb_instagram.sbi_col_8 #sbi_images{grid-template-columns:repeat(8,1fr)}#sb_instagram.sbi_col_9 #sbi_images{grid-template-columns:repeat(9,1fr)}#sb_instagram.sbi_col_10 #sbi_images{grid-template-columns:repeat(10,1fr)}#sb_instagram.sbi_col_1.sbi_disable_mobile #sbi_images{grid-template-columns:repeat(1,1fr)}#sb_instagram.sbi_col_2.sbi_disable_mobile #sbi_images{grid-template-columns:repeat(2,1fr)}#sb_instagram.sbi_col_3.sbi_disable_mobile #sbi_images{grid-template-columns:repeat(3,1fr)}#sb_instagram.sbi_col_4.sbi_disable_mobile #sbi_images{grid-template-columns:repeat(4,1fr)}#sb_instagram.sbi_col_5.sbi_disable_mobile #sbi_images{grid-template-columns:repeat(5,1fr)}#sb_instagram.sbi_col_6.sbi_disable_mobile #sbi_images{grid-template-columns:repeat(6,1fr)}#sb_instagram.sbi_col_7.sbi_disable_mobile #sbi_images{grid-template-columns:repeat(7,1fr)}#sb_instagram.sbi_col_8.sbi_disable_mobile #sbi_images{grid-template-columns:repeat(8,1fr)}#sb_instagram.sbi_col_9.sbi_disable_mobile #sbi_images{grid-template-columns:repeat(9,1fr)}#sb_instagram.sbi_col_10.sbi_disable_mobile #sbi_images{grid-template-columns:repeat(10,1fr)}#sb_instagram .sbi_photo_wrap{position:relative}#sb_instagram .sbi_photo{display:block;text-decoration:none}#sb_instagram .sbi_photo img{height:inherit;object-fit:cover;scale:1;transition:-webkit-transform var(--sb-duration-500) ease-in-out;transition:transform var(--sb-duration-500) ease-in-out;transition:transform var(--sb-duration-500) ease-in-out,-webkit-transform var(--sb-duration-500) ease-in-out;vertical-align:middle;width:100%}#sb_instagram .sbi_no_js img{display:none}#sb_instagram a,#sb_instagram a:active,#sb_instagram a:focus,#sb_instagram a:hover{outline:none}#sb_instagram img{display:block;margin:0!important;max-width:100%!important;opacity:1!important;padding:0!important}#sb_instagram .sbi_link{background:rgba(0,0,0,.5);bottom:0;color:#fff;display:none;font-size:12px;line-height:1.1;padding:10px 0;position:absolute;right:0;text-align:center;width:100%}#sb_instagram .sbi_link a{zoom:1;color:#fff;display:inline-block;font-size:12px;line-height:1.1;padding:0 6px;text-decoration:none;vertical-align:top}#sb_instagram .sbi_link .sbi_lightbox_link{padding-bottom:5px}#sb_instagram .sbi_link a:focus,#sb_instagram .sbi_link a:hover{text-decoration:underline}#sb_instagram .sbi_photo_wrap:focus .sbi_link,#sb_instagram .sbi_photo_wrap:hover .sbi_link{display:block}#sb_instagram svg:not(:root).svg-inline--fa{display:inline-block;height:1em}#sb_instagram .sbi_type_carousel .sbi_playbtn,#sb_instagram .sbi_type_carousel .svg-inline--fa.fa-play,#sb_instagram .sbi_type_video .sbi_playbtn,#sb_instagram .sbi_type_video .svg-inline--fa.fa-play,.sbi_type_carousel .fa-clone{color:#fff;color:hsla(0,0%,100%,.9);display:block!important;font-style:normal!important;position:absolute;text-shadow:0 0 8px rgba(0,0,0,.8);z-index:1}#sb_instagram .sbi_type_carousel .sbi_playbtn,#sb_instagram .sbi_type_video .sbi_playbtn{font-size:48px;left:50%;margin-left:-19px;margin-top:-24px;padding:0;top:50%;z-index:2}#sb_instagram .sbi_type_carousel .fa-clone{font-size:24px;right:12px;text-shadow:0 0 8px rgba(0,0,0,.3);top:12px}#sb_instagram .sbi_type_carousel .svg-inline--fa.fa-play,#sb_instagram .sbi_type_video .svg-inline--fa.fa-play,.sbi_type_carousel svg.fa-clone{-webkit-filter:drop-shadow(0 0 2px rgba(0,0,0,.4));filter:drop-shadow(0 0 2px rgba(0,0,0,.4))}#sb_instagram .sbi_loader{-webkit-animation:sbi-sk-scaleout var(--sb-duration-1000) infinite ease-in-out;animation:sbi-sk-scaleout var(--sb-duration-1000) infinite ease-in-out;background-color:#000;background-color:rgba(0,0,0,.5);border-radius:100%;height:20px;left:50%;margin:-10px 0 0 -10px;position:relative;top:50%;width:20px}#sb_instagram br{display:none}#sbi_load p{display:inline;margin:0;padding:0}#sb_instagram #sbi_load .sbi_loader{background-color:#fff;margin-top:-11px;opacity:1;position:absolute}@-webkit-keyframes sbi-sk-scaleout{0%{-webkit-transform:scale(0)}to{opacity:0;-webkit-transform:scale(1)}}@keyframes sbi-sk-scaleout{0%{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}to{opacity:0;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}#sb_instagram .fa-spin,#sbi_lightbox .fa-spin{-webkit-animation:fa-spin 2s linear infinite;animation:fa-spin 2s linear infinite}#sb_instagram .fa-pulse,#sbi_lightbox .fa-pulse{-webkit-animation:fa-spin var(--sb-duration-1000) infinite steps(8);animation:fa-spin var(--sb-duration-1000) infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.sbi-screenreader{display:block!important;height:0!important;line-height:0!important;overflow:hidden!important;text-align:left!important;text-indent:-9999px!important;width:0!important}#sb_instagram .sb_instagram_header,.sb_instagram_header{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden;padding:12px 0;position:relative}#sb_instagram .sb_instagram_header a,.sb_instagram_header a{transition:color var(--sb-duration-500) ease}.sb_instagram_header.sbi_header_outside{display:flex;float:none;margin-left:auto!important;margin-right:auto!important}.sbi_no_avatar .sbi_header_img{background:#333;color:#fff;height:50px;position:relative;width:50px}.sb_instagram_header .sbi_header_hashtag_icon{background:rgba(0,0,0,.75);bottom:0;color:#fff;left:0;opacity:0;position:absolute;text-align:center;top:0;width:100%}.sbi_no_avatar .sbi_header_hashtag_icon{color:#fff;display:block;opacity:.9;-webkit-transition:background .6s linear,color .6s linear;-moz-transition:background .6s linear,color .6s linear;-o-transition:background .6s linear,color .6s linear;transition:background .6s linear,color .6s linear}.sbi_no_avatar:hover .sbi_header_hashtag_icon{display:block;opacity:1;-webkit-transition:background var(--sb-duration-200) linear,color var(--sb-duration-200) linear;-moz-transition:background var(--sb-duration-200) linear,color var(--sb-duration-200) linear;-o-transition:background var(--sb-duration-200) linear,color var(--sb-duration-200) linear;transition:background var(--sb-duration-200) linear,color var(--sb-duration-200) linear}@media (min-width:480px){#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_img,#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_img img,.sb_instagram_header.sbi_medium .sbi_header_img,.sb_instagram_header.sbi_medium .sbi_header_img img{border-radius:50%;height:80px;width:80px}#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text h3,.sb_instagram_header.sbi_medium .sbi_header_text h3{font-size:20px}#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio,#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio_info,.sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio,.sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio_info{font-size:14px}#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio,#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio_info,#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text h3,.sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio,.sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio_info,.sb_instagram_header.sbi_medium .sbi_header_text h3{line-height:1.4}#sb_instagram .sb_instagram_header.sbi_large .sbi_header_img,#sb_instagram .sb_instagram_header.sbi_large .sbi_header_img img,.sb_instagram_header.sbi_large .sbi_header_img,.sb_instagram_header.sbi_large .sbi_header_img img{border-radius:50%;height:120px;width:120px}#sb_instagram .sb_instagram_header.sbi_large .sbi_header_text h3,.sb_instagram_header.sbi_large .sbi_header_text h3{font-size:28px}#sb_instagram .sb_instagram_header.sbi_large .sbi_header_text .sbi_bio,#sb_instagram .sb_instagram_header.sbi_large .sbi_header_text .sbi_bio_info,.sb_instagram_header.sbi_large .sbi_header_text .sbi_bio,.sb_instagram_header.sbi_large .sbi_header_text .sbi_bio_info{font-size:16px}}#sb_instagram .sb_instagram_header .sbi_header_img,.sb_instagram_header .sbi_header_img{-moz-border-radius:40px;-webkit-border-radius:40px;border-radius:50%;height:50px;overflow:hidden;position:relative;width:50px}#sb_instagram .sb_instagram_header .sbi_header_img_hover,.sb_instagram_header .sbi_header_img_hover{background:rgba(0,0,0,.75);bottom:0;color:#fff;left:0;opacity:0;position:absolute;text-align:center;top:0;width:100%}#sb_instagram .sb_instagram_header .sbi_header_hashtag_icon .sbi_new_logo,#sb_instagram .sb_instagram_header .sbi_header_img_hover .sbi_new_logo,.sb_instagram_header .sbi_header_hashtag_icon .sbi_new_logo,.sb_instagram_header .sbi_header_img_hover .sbi_new_logo{font-size:24px;height:24px;left:50%;margin-left:-12px;margin-top:-12px;position:absolute;top:50%;width:24px}#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_hashtag_icon .sbi_new_logo,.sb_instagram_header.sbi_medium .sbi_header_hashtag_icon .sbi_new_logo{font-size:36px;height:36px;margin-left:-18px;margin-top:-18px;width:36px}#sb_instagram .sb_instagram_header.sbi_large .sbi_header_hashtag_icon .sbi_new_logo,.sb_instagram_header.sbi_large .sbi_header_hashtag_icon .sbi_new_logo{font-size:48px;height:48px;margin-left:-24px;margin-top:-24px;width:48px}#sb_instagram .sb_instagram_header .sbi_header_img_hover i{overflow:hidden}#sb_instagram .sb_instagram_header .sbi_header_img_hover,.sb_instagram_header .sbi_header_img_hover{transition:opacity .4s ease-in-out;z-index:2}#sb_instagram .sb_instagram_header .sbi_fade_in,.sb_instagram_header .sbi_fade_in{opacity:1;transition:opacity var(--sb-duration-200) ease-in-out}#sb_instagram .sb_instagram_header a:focus .sbi_header_img_hover,#sb_instagram .sb_instagram_header a:hover .sbi_header_img_hover,.sb_instagram_header a:focus .sbi_header_img_hover,.sb_instagram_header a:hover .sbi_header_img_hover{opacity:1}#sb_instagram .sb_instagram_header .sbi_header_text,.sb_instagram_header .sbi_header_text{align-items:center;display:flex;gap:20px;justify-content:flex-start}#sb_instagram .sb_instagram_header.sbi_large .sbi_feedtheme_header_text,.sb_instagram_header.sbi_large .sbi_feedtheme_header_text{gap:8px}.sb_instagram_header.sbi_medium .sbi_feedtheme_header_text{gap:4px}.sbi_feedtheme_header_text{align-items:flex-start;display:flex;flex:1;flex-direction:column;gap:4px;justify-content:flex-start}#sb_instagram .sb_instagram_header a,.sb_instagram_header a{text-decoration:none}#sb_instagram .sb_instagram_header h3,.sb_instagram_header h3{font-size:16px;line-height:1.3;margin:0;padding:0}#sb_instagram .sb_instagram_header p,.sb_instagram_header p{font-size:13px;line-height:1.3;margin:0;padding:0}#sb_instagram p:empty{display:none}#sb_instagram .sb_instagram_header .sbi_header_text img.emoji,.sb_instagram_header .sbi_header_text img.emoji{margin-right:3px!important}#sb_instagram .sb_instagram_header .sbi_header_text.sbi_no_bio .sbi_bio_info,.sb_instagram_header .sbi_header_text.sbi_no_bio .sbi_bio_info{clear:both}#sb_instagram #sbi_load{clear:both;float:left;text-align:center;width:100%}#sb_instagram #sbi_load .fa-spinner{display:none;font-size:15px;left:50%;margin:-8px 0 0 -7px;position:absolute;top:50%}#sb_instagram #sbi_load{opacity:1;transition:all var(--sb-duration-500) ease-in}#sb_instagram .sbi_load_btn .sbi_btn_text,#sb_instagram .sbi_load_btn .sbi_loader{opacity:1;transition:all var(--sb-duration-100) ease-in}#sb_instagram .sbi_hidden{opacity:0!important}#sb_instagram #sbi_load .sbi_load_btn,#sb_instagram .sbi_follow_btn a{zoom:1;background:#333;border:none;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:#fff;display:inline-block;font-size:13px;line-height:1.5;margin:5px auto 0;padding:7px 14px;text-decoration:none;vertical-align:top}#sb_instagram #sbi_load .sbi_load_btn{position:relative}#sb_instagram .sbi_follow_btn{zoom:1;display:inline-block;text-align:center;vertical-align:top}#sb_instagram .sbi_follow_btn.sbi_top{display:block;margin-bottom:5px}#sb_instagram .sbi_follow_btn a{background:#408bd1;color:#fff}#sb_instagram #sbi_load .sbi_load_btn,#sb_instagram .sbi_follow_btn a{transition:all var(--sb-duration-100) ease-in}#sb_instagram #sbi_load .sbi_load_btn:focus,#sb_instagram #sbi_load .sbi_load_btn:hover{box-shadow:inset 0 0 20px 20px hsla(0,0%,100%,.25);outline:none}#sb_instagram .sbi_follow_btn a:focus,#sb_instagram .sbi_follow_btn a:hover{box-shadow:inset 0 0 10px 20px #359dff;outline:none}#sb_instagram #sbi_load .sbi_load_btn:active,#sb_instagram .sbi_follow_btn a:active{box-shadow:inset 0 0 10px 20px rgba(0,0,0,.3)}#sb_instagram .sbi_follow_btn .fa,#sb_instagram .sbi_follow_btn svg{font-size:15px;margin-bottom:-1px;margin-right:7px}#sb_instagram .sbi_follow_btn svg{vertical-align:-.125em}#sb_instagram #sbi_load .sbi_follow_btn{margin-left:5px}#sb_instagram .sb_instagram_error{line-height:1.4;text-align:center;width:100%}#sbi_mod_error{background:#eee;border:1px solid #ddd;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;clear:both;color:#333;display:none;font-size:13px;margin:10px 0 0;padding:10px 15px;text-align:center}#sbi_mod_error br{display:initial!important}#sbi_mod_error p{line-height:1.3!important;margin:0!important;padding:5px 0!important}#sbi_mod_error ol,#sbi_mod_error ul{margin:0!important;padding:5px 0 5px 20px!important}#sbi_mod_error li{margin:0!important;padding:1px 0!important}#sbi_mod_error span{font-size:12px}#sb_instagram.sbi_medium .sbi_photo_wrap .svg-inline--fa.fa-play,#sb_instagram.sbi_medium .sbi_playbtn{font-size:23px;margin-left:-9px;margin-top:-12px}#sb_instagram.sbi_medium .sbi_type_carousel .sbi_photo_wrap .fa-clone{font-size:18px;right:8px;top:8px}#sb_instagram.sbi_small .sbi_photo_wrap .svg-inline--fa.fa-play,#sb_instagram.sbi_small .sbi_playbtn{font-size:18px;margin-left:-7px;margin-top:-9px}#sb_instagram.sbi_small .sbi_type_carousel .sbi_photo_wrap .fa-clone{font-size:12px;right:5px;top:5px}@media (max-width:640px){#sb_instagram.sbi_col_3 #sbi_images,#sb_instagram.sbi_col_4 #sbi_images,#sb_instagram.sbi_col_5 #sbi_images,#sb_instagram.sbi_col_6 #sbi_images{grid-template-columns:repeat(2,1fr)}#sb_instagram.sbi_col_10 #sbi_images,#sb_instagram.sbi_col_7 #sbi_images,#sb_instagram.sbi_col_8 #sbi_images,#sb_instagram.sbi_col_9 #sbi_images{grid-template-columns:repeat(4,1fr)}#sb_instagram.sbi_width_resp{width:100%!important}}@media (max-width:480px){#sb_instagram.sbi_col_10 #sbi_images,#sb_instagram.sbi_col_3 #sbi_images,#sb_instagram.sbi_col_4 #sbi_images,#sb_instagram.sbi_col_5 #sbi_images,#sb_instagram.sbi_col_6 #sbi_images,#sb_instagram.sbi_col_7 #sbi_images,#sb_instagram.sbi_col_8 #sbi_images,#sb_instagram.sbi_col_9 #sbi_images{grid-template-columns:1fr}#sb_instagram.sbi_mob_col_10 #sbi_images{grid-template-columns:repeat(10,1fr)}#sb_instagram.sbi_mob_col_9 #sbi_images{grid-template-columns:repeat(9,1fr)}#sb_instagram.sbi_mob_col_8 #sbi_images{grid-template-columns:repeat(8,1fr)}#sb_instagram.sbi_mob_col_7 #sbi_images{grid-template-columns:repeat(7,1fr)}#sb_instagram.sbi_mob_col_6 #sbi_images{grid-template-columns:repeat(6,1fr)}#sb_instagram.sbi_mob_col_5 #sbi_images{grid-template-columns:repeat(5,1fr)}#sb_instagram.sbi_mob_col_4 #sbi_images{grid-template-columns:repeat(4,1fr)}#sb_instagram.sbi_mob_col_3 #sbi_images{grid-template-columns:repeat(3,1fr)}#sb_instagram.sbi_mob_col_2 #sbi_images{grid-template-columns:repeat(2,1fr)}#sb_instagram.sbi_mob_col_1 #sbi_images{grid-template-columns:1fr}}#sb_instagram.sbi_no_js #sbi_images .sbi_item .sbi_photo_wrap{box-sizing:border-box;overflow:hidden;position:relative}#sb_instagram.sbi_no_js #sbi_images .sbi_item .sbi_photo_wrap:before{content:"";display:block;padding-top:100%;z-index:-300}#sb_instagram.sbi_no_js #sbi_images .sbi_item .sbi_photo{bottom:0;left:0;position:absolute;right:0;top:0}#sb_instagram.sbi_no_js #sbi_images .sbi_item.sbi_transition{opacity:1}#sb_instagram.sbi_no_js .sbi_load_btn,#sb_instagram.sbi_no_js .sbi_photo img{display:none}#sb_instagram #sbi_images .sbi_js_load_disabled .sbi_imgLiquid_ready.sbi_photo,#sb_instagram #sbi_images .sbi_no_js_customizer .sbi_imgLiquid_ready.sbi_photo{padding-bottom:0!important}#sb_instagram #sbi_mod_error .sb_frontend_btn{background:#ddd;background:rgba(0,0,0,.1);border-radius:5px;color:#444;display:inline-block;margin-top:10px;padding:6px 10px;text-decoration:none}#sb_instagram #sbi_mod_error .sb_frontend_btn:hover{background:#ccc;background:rgba(0,0,0,.15)}#sb_instagram #sbi_mod_error .sb_frontend_btn .fa{margin-right:2px}#sb_instagram.sbi_palette_dark,#sbi_lightbox.sbi_palette_dark_lightbox .sbi_lb-outerContainer .sbi_lb-dataContainer,#sbi_lightbox.sbi_palette_dark_lightbox .sbi_lightbox_tooltip,#sbi_lightbox.sbi_palette_dark_lightbox .sbi_share_close,.sbi_header_outside.sbi_header_palette_dark{background-color:rgba(0,0,0,.85);color:hsla(0,0%,100%,.75)}#sb_instagram.sbi_palette_dark .sbi_caption,#sb_instagram.sbi_palette_dark .sbi_meta,#sbi_lightbox.sbi_lb-comments-enabled.sbi_palette_dark_lightbox .sbi_lb-commentBox p,#sbi_lightbox.sbi_palette_dark_lightbox .sbi_lb-outerContainer .sbi_lb-dataContainer .sbi_lb-details .sbi_lb-caption,#sbi_lightbox.sbi_palette_dark_lightbox .sbi_lb-outerContainer .sbi_lb-dataContainer .sbi_lb-number,.sbi_header_palette_dark,.sbi_header_palette_dark .sbi_bio{color:hsla(0,0%,100%,.75)}#sb_instagram.sbi_palette_dark .sbi_expand a,#sbi_lightbox.sbi_lb-comments-enabled.sbi_palette_dark_lightbox .sbi_lb-commentBox .sbi_lb-commenter,#sbi_lightbox.sbi_palette_dark_lightbox .sbi_lb-outerContainer .sbi_lb-dataContainer .sbi_lb-details a,#sbi_lightbox.sbi_palette_dark_lightbox .sbi_lb-outerContainer .sbi_lb-dataContainer .sbi_lb-details a p,.sbi_header_palette_dark a{color:#fff}#sb_instagram.sbi_palette_light,#sbi_lightbox.sbi_palette_light_lightbox .sbi_lb-outerContainer .sbi_lb-dataContainer,#sbi_lightbox.sbi_palette_light_lightbox .sbi_lightbox_tooltip,#sbi_lightbox.sbi_palette_light_lightbox .sbi_share_close,.sbi_header_outside.sbi_header_palette_light{background-color:hsla(0,0%,100%,.75);color:rgba(0,0,0,.85)}#sb_instagram.sbi_palette_light .sbi_caption,#sb_instagram.sbi_palette_light .sbi_meta,#sbi_lightbox.sbi_lb-comments-enabled.sbi_palette_light_lightbox .sbi_lb-commentBox p,#sbi_lightbox.sbi_palette_light_lightbox .sbi_lb-outerContainer .sbi_lb-dataContainer .sbi_lb-details .sbi_lb-caption,#sbi_lightbox.sbi_palette_light_lightbox .sbi_lb-outerContainer .sbi_lb-dataContainer .sbi_lb-number,.sbi_header_palette_light,.sbi_header_palette_light .sbi_bio{color:rgba(0,0,0,.85)}#sb_instagram.sbi_palette_light .sbi_expand a,#sbi_lightbox.sbi_lb-comments-enabled.sbi_palette_light_lightbox .sbi_lb-commentBox .sbi_lb-commenter,#sbi_lightbox.sbi_palette_light_lightbox .sbi_lb-outerContainer .sbi_lb-dataContainer .sbi_lb-details a,#sbi_lightbox.sbi_palette_light_lightbox .sbi_lb-outerContainer .sbi_lb-dataContainer .sbi_lb-details a p,.sbi_header_palette_light a{color:#000}@media (max-width:480px){#sb_instagram.sbi_col_10.sbi_mob_col_auto #sbi_images,#sb_instagram.sbi_col_3.sbi_mob_col_auto #sbi_images,#sb_instagram.sbi_col_4.sbi_mob_col_auto #sbi_images,#sb_instagram.sbi_col_5.sbi_mob_col_auto #sbi_images,#sb_instagram.sbi_col_6.sbi_mob_col_auto #sbi_images,#sb_instagram.sbi_col_7.sbi_mob_col_auto #sbi_images,#sb_instagram.sbi_col_8.sbi_mob_col_auto #sbi_images,#sb_instagram.sbi_col_9.sbi_mob_col_auto #sbi_images,#sb_instagram.sbi_mob_col_1 #sbi_images{grid-template-columns:1fr}#sb_instagram.sbi_mob_col_2 #sbi_images{grid-template-columns:repeat(2,1fr)}#sb_instagram.sbi_mob_col_3 #sbi_images{grid-template-columns:repeat(3,1fr)}#sb_instagram.sbi_mob_col_4 #sbi_images{grid-template-columns:repeat(4,1fr)}#sb_instagram.sbi_mob_col_5 #sbi_images{grid-template-columns:repeat(5,1fr)}#sb_instagram.sbi_mob_col_6 #sbi_images{grid-template-columns:repeat(6,1fr)}#sb_instagram.sbi_mob_col_7 #sbi_images{grid-template-columns:repeat(7,1fr)}}@media (max-width:800px){#sb_instagram.sbi_tab_col_10 #sbi_images{grid-template-columns:repeat(10,1fr)}#sb_instagram.sbi_tab_col_9 #sbi_images{grid-template-columns:repeat(9,1fr)}#sb_instagram.sbi_tab_col_8 #sbi_images{grid-template-columns:repeat(8,1fr)}#sb_instagram.sbi_tab_col_7 #sbi_images{grid-template-columns:repeat(7,1fr)}#sb_instagram.sbi_tab_col_6 #sbi_images{grid-template-columns:repeat(6,1fr)}#sb_instagram.sbi_tab_col_5 #sbi_images{grid-template-columns:repeat(5,1fr)}#sb_instagram.sbi_tab_col_4 #sbi_images{grid-template-columns:repeat(4,1fr)}#sb_instagram.sbi_tab_col_3 #sbi_images{grid-template-columns:repeat(3,1fr)}#sb_instagram.sbi_tab_col_2 #sbi_images{grid-template-columns:repeat(2,1fr)}#sb_instagram.sbi_tab_col_1 #sbi_images{grid-template-columns:1fr}}@media (max-width:480px){#sb_instagram.sbi_col_10.sbi_mob_col_auto #sbi_images,#sb_instagram.sbi_col_3.sbi_mob_col_auto #sbi_images,#sb_instagram.sbi_col_4.sbi_mob_col_auto #sbi_images,#sb_instagram.sbi_col_5.sbi_mob_col_auto #sbi_images,#sb_instagram.sbi_col_6.sbi_mob_col_auto #sbi_images,#sb_instagram.sbi_col_7.sbi_mob_col_auto #sbi_images,#sb_instagram.sbi_col_8.sbi_mob_col_auto #sbi_images,#sb_instagram.sbi_col_9.sbi_mob_col_auto #sbi_images,#sb_instagram.sbi_mob_col_1 #sbi_images{grid-template-columns:1fr}#sb_instagram.sbi_mob_col_2 #sbi_images{grid-template-columns:repeat(2,1fr)}#sb_instagram.sbi_mob_col_3 #sbi_images{grid-template-columns:repeat(3,1fr)}#sb_instagram.sbi_mob_col_4 #sbi_images{grid-template-columns:repeat(4,1fr)}#sb_instagram.sbi_mob_col_5 #sbi_images{grid-template-columns:repeat(5,1fr)}#sb_instagram.sbi_mob_col_6 #sbi_images{grid-template-columns:repeat(6,1fr)}#sb_instagram.sbi_mob_col_7 #sbi_images{grid-template-columns:repeat(7,1fr)}#sb_instagram.sbi_mob_col_8 #sbi_images{grid-template-columns:repeat(8,1fr)}#sb_instagram.sbi_mob_col_9 #sbi_images{grid-template-columns:repeat(9,1fr)}#sb_instagram.sbi_mob_col_10 #sbi_images{grid-template-columns:repeat(10,1fr)}}#sb_instagram #sbi_images .sbi_item.sbi_num_diff_hide{display:none!important}body:after{content:url(//www.glamping-aichi.com/wp-content/plugins/instagram-feed/img/sbi-sprite.png);display:none}.sbi_lightboxOverlay{background-color:#000;display:none;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);left:0;opacity:.9;position:absolute;top:0;z-index:99999}.sbi_lightbox{font-weight:400;left:0;line-height:0;position:absolute;text-align:center;width:100%;z-index:100000}.sbi_lightbox .sbi_lb-image{-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;display:block;height:auto;max-width:inherit;object-fit:contain}.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-image{-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;-ms-border-radius:3px 0 0 3px;-o-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px}.sbi_lightbox a:active,.sbi_lightbox a:focus,.sbi_lightbox a:hover{outline:none}.sbi_lightbox a img{border:none}.sbi_lb-outerContainer{*zoom:1;background-color:#000;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;height:250px;margin:0 auto 5px;position:relative;width:250px}.sbi_lb-outerContainer:after{clear:both;content:"";display:table}.sbi_lb-container-wrapper{height:100%}.sbi_lb-container{bottom:0;height:100%;left:0;padding:4px;position:relative;right:0;top:0;width:100%}.sbi_lb-loader{height:20px;left:0;line-height:0;margin-top:-10px;position:absolute;text-align:center;top:50%;width:100%}.sbi_lb-loader span{background:url(//www.glamping-aichi.com/wp-content/plugins/instagram-feed/img/sbi-sprite.png) no-repeat;display:block;height:14px;margin:0 auto;width:14px}.sbi_lb-nav{left:0;top:0;width:100%;z-index:10}.sbi_lb-container>.nav{left:0}.sbi_lb-nav a{background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==);height:90%;outline:none;position:absolute;top:0;z-index:100}.sbi_lb-next,.sbi_lb-prev{cursor:pointer;display:block;height:100%}.sbi_lb-nav a.sbi_lb-prev{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0.5);float:left;left:-70px;opacity:.5;padding-left:10px;padding-right:10px;-webkit-transition:opacity var(--sb-duration-200);-moz-transition:opacity var(--sb-duration-200);-o-transition:opacity var(--sb-duration-200);transition:opacity var(--sb-duration-200);width:50px}.sbi_lb-nav a.sbi_lb-prev:hover{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}.sbi_lb-nav a.sbi_lb-next{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0.5);float:right;opacity:.5;padding-left:10px;padding-right:10px;right:-70px;-webkit-transition:opacity var(--sb-duration-200);-moz-transition:opacity var(--sb-duration-200);-o-transition:opacity var(--sb-duration-200);transition:opacity var(--sb-duration-200);width:50px}.sbi_lb-nav a.sbi_lb-next:hover{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}.sbi_lb-nav span{background:url(//www.glamping-aichi.com/wp-content/plugins/instagram-feed/img/sbi-sprite.png) no-repeat;display:block;height:45px;left:20px;margin:-25px 0 0;position:absolute;top:55%;width:34px}.sbi_lb-nav a.sbi_lb-prev span{background-position:-53px 0}.sbi_lb-nav a.sbi_lb-next span{background-position:-18px 0;left:auto;right:20px}.sbi_lb-dataContainer{*zoom:1;-moz-border-radius-bottomleft:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px;font-family:Open Sans,Helvetica,Arial,sans-serif;margin:0 auto;padding-top:10px;width:100%}.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-outerContainer{background:#fff;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;padding-right:300px;position:relative}.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-container-wrapper{background:#000;position:relative}.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-dataContainer{background:#fff;bottom:0;height:100%;line-height:1.4;overflow:hidden;overflow-y:auto;position:absolute;right:-300px;text-align:left;top:0;width:300px!important}.sbi_lb-commentBox:after,.sbi_lb-data:after,.sbi_lb-dataContainer:after{clear:both;content:"";display:table}.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-commentBox{display:block!important;margin-top:20px;padding:4px;width:100%}#sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-number{padding-bottom:0}#sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-caption{margin-bottom:20px;max-width:100%;width:100%}#sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-caption .sbi_caption_text{display:inline-block;padding-top:10px}.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-comment{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;clear:both;display:block!important;float:left;font-size:12px;margin:0 0 1px;min-width:100%;padding:3px 20px 3px 0;width:100%}.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-commenter{font-weight:700;margin-right:5px}.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-commentBox p{text-align:left}.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-dataContainer{box-sizing:border-box;padding:15px 20px}.sbi_lb-data{color:#ccc;padding:0 4px}.sbi_lb-data .sbi_lb-details{float:left;line-height:1.1;text-align:left;width:85%}.sbi_lb-data .sbi_lb-caption{word-wrap:break-word;color:#ccc;float:left;font-size:13px;font-weight:400;-webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto;line-height:1.3;overflow-wrap:break-word;padding-bottom:3px;word-break:break-word}.sbi_lb-data .sbi_lb-caption a{color:#ccc;font-weight:700;text-decoration:none}.sbi_lb-commenter:hover,.sbi_lb-data .sbi_lb-caption a:hover{color:#fff;text-decoration:underline}.sbi_lb-data .sbi_lb-caption .sbi_lightbox_username{color:#ccc;display:block;float:left;margin:0 0 5px;padding-bottom:0;width:100%}.sbi_lb-data .sbi_lb-caption .sbi_lightbox_username:hover p{color:#fff;text-decoration:underline}#sbi_lightbox.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-number,#sbi_lightbox.sbi_lightbox.sbi_lb-comments-enabled .sbi_lightbox_action a,#sbi_lightbox.sbi_lightbox.sbi_lb-comments-enabled .sbi_lightbox_action a:hover,.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-commenter,.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-commenter:hover,.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-data,.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-data .sbi_lb-caption,.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-data .sbi_lb-caption .sbi_lightbox_username p,.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-data .sbi_lb-caption .sbi_lightbox_username:hover p,.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-data .sbi_lb-caption a,.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-data .sbi_lb-caption a:hover,.sbi_lightbox.sbi_lb-comments-enabled .sbi_lightbox_username{color:#333}.sbi_lightbox .sbi_lightbox_username img{background:#666;border:none;-moz-border-radius:40px;-webkit-border-radius:40px;border-radius:40px;float:left;height:32px;margin-right:10px;width:32px}.sbi_lightbox_username p{color:#ccc;float:left;font-size:13px;font-weight:700;line-height:32px;margin:0;padding:0}.sbi_lb-data .sbi_lb-number{clear:both;color:var(--sb-text-tertiary);display:block;float:left;font-size:12px;padding:5px 0 15px}.sbi_lb-data .sbi_lb-close{color:var(--sb-text-tertiary);display:block;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);float:right;font-size:18px;height:30px;opacity:.7;outline:none;text-align:right;-webkit-transition:opacity var(--sb-duration-200);-moz-transition:opacity var(--sb-duration-200);-o-transition:opacity var(--sb-duration-200);transition:opacity var(--sb-duration-200);width:30px}.sbi_lb-data .sbi_lb-close:hover{color:#fff;cursor:pointer;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}.sbi_lb-nav{height:auto}.sbi_lightbox .sbi_owl-item:nth-child(n+2) .sbi_video{position:relative!important}.sbi_lb-container{padding:0}.sbi-feed-block-cta{border:1px solid #e8e8eb!important;border-radius:2px!important;position:relative!important;text-align:center!important;width:100%!important}.sbi-feed-block-cta-img-ctn{float:left!important;margin-bottom:35px!important;margin-top:50px!important;width:100%!important}.sbi-feed-block-cta-img,.sbi-feed-block-cta-img-ctn{align-items:center!important;display:flex!important;justify-content:center!important;position:relative!important}.sbi-feed-block-cta-img{border:2px solid #dcdde1!important;border-radius:16px!important;height:65px!important;-webkit-transform:rotate(-3deg)!important;transform:rotate(-3deg)!important;width:65px!important}.sbi-feed-block-cta-img span svg{float:left!important}.sbi-feed-block-cta-img>*{-webkit-transform:rotate(3deg)!important;transform:rotate(3deg)!important}.sbi-feed-block-cta-logo{bottom:-19px!important;position:absolute!important;right:-15px!important;z-index:1!important}.sbi-feed-block-cta-heading{display:inline-block!important;font-size:19px!important;font-weight:700!important;line-height:1.4em!important;margin:0 0 30px!important;padding:0!important;width:100%!important}.sbi-feed-block-cta-btn{background:#0068a0!important;border-radius:2px!important;color:#fff!important;cursor:pointer!important;margin-bottom:30px!important;padding:8px 20px 8px 38px!important;position:relative!important}.sbi-feed-block-cta-btn:after,.sbi-feed-block-cta-btn:before{background:#fff!important;content:""!important;height:12px!important;left:20px!important;position:absolute!important;top:14px!important;width:2px!important}.sbi-feed-block-cta-btn:after{-webkit-transform:rotate(90deg)!important;transform:rotate(90deg)!important}.sbi-feed-block-cta-desc{align-items:center!important;background:#f9f9fa!important;border-top:1px solid #e8e8eb!important;display:flex!important;flex-direction:column!important;justify-content:center!important;margin-top:35px!important;padding:20px!important}.sbi-feed-block-cta-desc strong{color:#141b38!important;font-size:16px!important;font-weight:600!important;margin-bottom:8px!important}.sbi-feed-block-cta-desc span{color:#434960!important;font-size:14px!important;line-height:1.5em!important;padding:0 20%!important}.sbi-feed-block-cta-desc span a{font-weight:600!important;text-decoration:underline!important;text-transform:capitalize!important}.sbi-feed-block-cta-selector{align-items:center!important;display:flex!important;flex-direction:column!important;justify-content:center!important;margin-bottom:45px!important;padding:0 20%!important;width:100%!important}.sbi-feed-block-cta-feedselector{border:1px solid #d0d1d7!important;margin-bottom:15px!important;max-width:100%!important;min-width:400px!important;padding:8px 16px!important}.sbi-feed-block-cta-selector span{color:#2c324c!important}.sbi-feed-block-cta-selector span a{font-weight:600!important;text-decoration:underline!important;text-transform:capitalize!important}.sbi-feed-block-cta-selector span a:after{color:#2c324c!important;font-weight:400!important;margin-left:2px!important;text-decoration-color:#fff!important}.sbi-feed-block-cta-selector span a:first-of-type:after{content:","!important}.sbi-feed-block-cta-selector span a:nth-of-type(2):after{content:"or"!important;margin-left:5px!important;margin-right:2px!important}.et-db #et-boc .et-l .et-fb-modules-list ul>li.sb_facebook_feed:before,.et-db #et-boc .et-l .et-fb-modules-list ul>li.sb_instagram_feed:before,.et-db #et-boc .et-l .et-fb-modules-list ul>li.sb_twitter_feed:before,.et-db #et-boc .et-l .et-fb-modules-list ul>li.sb_youtube_feed:before{background-position:50%!important;background-repeat:no-repeat!important;content:""!important;font-variant:normal!important;height:16px!important}.et-db #et-boc .et-l .et-fb-modules-list ul>li.sb_facebook_feed:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 29 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.906 18.109h.5v-.5h-.5v.5Zm-3.109 0h-.5v.5h.5v-.5Zm0-3.549v-.5h-.5v.5h.5Zm3.109 0v.5h.5v-.5h-.5Zm7.354-7.232h.5v-.424l-.417-.07-.083.494Zm0 3.022v.5h.5v-.5h-.5Zm-3.536 4.21h-.5v.5h.5v-.5Zm3.402 0 .494.077.09-.577h-.584v.5Zm-.55 3.549v.5h.427l.066-.423-.494-.077Zm-2.852 0v-.5h-.5v.5h.5Zm10.328-3.549h-.5v.001h.5ZM17.08 26.614l-.092-.492.092.492Zm-4.531 0 .092-.492-.092.492Zm2.266-24.816c-7.008 0-12.738 5.719-12.738 12.762h1c0-6.492 5.283-11.762 11.738-11.762v-1ZM2.077 14.56c0 6.238 4.473 11.437 10.38 12.545l.184-.983C7.2 25.102 3.077 20.31 3.077 14.56h-1Zm11.329 11.754v-8.205h-1v8.205h1Zm-.5-8.705H9.797v1h3.109v-1Zm-2.609.5V14.56h-1v3.549h1Zm-.5-3.049h3.109v-1H9.797v1Zm3.609-.5v-2.704h-1v2.704h1Zm0-2.704c0-1.437.424-2.488 1.115-3.179.692-.692 1.71-1.082 3.01-1.082v-1c-1.501 0-2.796.454-3.717 1.375-.921.921-1.408 2.25-1.408 3.886h1Zm4.125-4.26c.641 0 1.303.055 1.81.112a20.412 20.412 0 0 1 .824.11l.01.002h.003l.082-.492.082-.494h-.005l-.013-.003a10.294 10.294 0 0 0-.231-.035 21.366 21.366 0 0 0-.64-.081 17.7 17.7 0 0 0-1.922-.12v1Zm2.23-.268v3.022h1V7.328h-1Zm.5 2.522h-1.543v1h1.542v-1Zm-1.543 0c-.867 0-1.518.274-1.944.765-.414.477-.55 1.088-.55 1.644h1c0-.41.102-.754.306-.99.192-.221.538-.419 1.188-.419v-1Zm-2.494 2.41v2.3h1v-2.3h-1Zm.5 2.8h3.402v-1h-3.402v1Zm2.908-.577-.551 3.55.988.153.55-3.55-.987-.153Zm-.057 3.126h-2.851v1h2.851v-1Zm-3.351.5v8.204h1V18.11h-1Zm.949 8.996a12.738 12.738 0 0 0 7.335-4.254l-.761-.648a11.738 11.738 0 0 1-6.76 3.92l.186.982Zm7.335-4.254a12.738 12.738 0 0 0 3.044-8.292l-1 .002c.007 2.8-.988 5.51-2.805 7.642l.76.648Zm3.044-8.29c0-7.044-5.73-12.763-12.737-12.763v1c6.454 0 11.737 5.27 11.737 11.762h1ZM16.224 26.313c0 .492.444.886.949.791l-.185-.983a.198.198 0 0 1 .236.192h-1Zm-3.767.791a.803.803 0 0 0 .949-.791h-1c0-.114.105-.216.235-.192l-.184.983Z' fill='%232b87da'/%3E%3Cpath d='M12.906 18.109h.5v-.5h-.5v.5Zm-3.109 0h-.5v.5h.5v-.5Zm0-3.55v-.5h-.5v.5h.5Zm3.109 0v.5h.5v-.5h-.5Zm7.354-7.232h.5v-.423l-.417-.07-.083.493Zm0 3.023v.5h.5v-.5h-.5Zm-3.536 4.21h-.5v.5h.5v-.5Zm3.402 0 .494.077.09-.577h-.584v.5Zm-.55 3.549v.5h.427l.066-.424-.494-.076Zm-2.852 0v-.5h-.5v.5h.5Zm-3.318 8.257v-8.257h-1v8.257h1Zm-.5-8.757H9.797v1h3.109v-1Zm-2.609.5v-3.55h-1v3.55h1Zm-.5-3.05h3.109v-1H9.797v1Zm3.609-.5v-2.704h-1v2.705h1Zm0-2.704c0-1.436.424-2.487 1.115-3.178.692-.692 1.71-1.082 3.01-1.082v-1c-1.501 0-2.796.454-3.717 1.375-.921.92-1.408 2.25-1.408 3.885h1Zm4.125-4.26c.641 0 1.303.056 1.81.113a20.336 20.336 0 0 1 .824.11l.01.002h.003a183.243 183.243 0 0 1 .165-.986h-.006l-.013-.003a9.144 9.144 0 0 0-.231-.035 21.391 21.391 0 0 0-.64-.082 17.7 17.7 0 0 0-1.922-.119v1Zm2.23-.268v3.023h1V7.327h-1Zm.5 2.523h-1.543v1h1.542v-1Zm-1.543 0c-.867 0-1.518.274-1.944.765-.414.477-.55 1.087-.55 1.644h1c0-.41.102-.754.306-.99.192-.221.538-.419 1.188-.419v-1Zm-2.494 2.41v2.3h1v-2.3h-1Zm.5 2.8h3.402v-1h-3.402v1Zm2.908-.577-.551 3.55.988.152.55-3.548-.987-.154Zm-.057 3.126h-2.851v1h2.851v-1Zm-3.351.5v8.257h1v-8.257h-1Zm.19 8.066h-3.2v1h3.2v-1Zm-.19.191a.19.19 0 0 1 .19-.19v1a.81.81 0 0 0 .81-.81h-1Zm-3.818 0c0 .447.362.81.809.81v-1a.19.19 0 0 1 .19.19h-1Z' fill='%232b87da'/%3E%3C/svg%3E")}.et-db #et-boc .et-l .et-fb-modules-list ul>li.sb_instagram_feed:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='1' width='22' height='22' rx='6' stroke='%232b87da' stroke-width='1.5'/%3E%3Ccircle cx='12' cy='12' r='5' stroke='%232b87da' stroke-width='1.5'/%3E%3Ccircle cx='18.5' cy='5.75' r='1.25' fill='%232b87da'/%3E%3C/svg%3E")}.et-db #et-boc .et-l .et-fb-modules-list ul>li.sb_twitter_feed:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 29 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27.876 6.788c.058-.082-.03-.187-.122-.149-.728.3-1.494.519-2.284.653-.107.019-.162-.129-.074-.192a5.372 5.372 0 0 0 1.868-2.462c.032-.086-.063-.162-.143-.117-.96.545-2.012.934-3.116 1.167a.1.1 0 0 1-.094-.03C22.926 4.608 21.554 4 20 4c-2.938 0-5.338 2.4-5.338 5.363 0 .378.04.746.11 1.096a.101.101 0 0 1-.104.121A15.243 15.243 0 0 1 3.841 5.1a.099.099 0 0 0-.162.014 5.312 5.312 0 0 0-.654 2.562c0 1.74.819 3.295 2.11 4.257.08.06.038.188-.061.18a5.398 5.398 0 0 1-2.066-.595.023.023 0 0 0-.033.02 5.37 5.37 0 0 0 3.888 5.164c.102.029.103.175 0 .194a5.275 5.275 0 0 1-1.834.023c-.075-.013-.138.058-.113.13A5.35 5.35 0 0 0 9.584 20.6c.093.007.132.127.057.183a10.65 10.65 0 0 1-6.441 2.13c-.281 0-.563-.012-.844-.033-.106-.009-.154.132-.063.186a15.177 15.177 0 0 0 7.857 2.184c9.85 0 15.262-8.175 15.262-15.262 0-.22 0-.428-.01-.646a.102.102 0 0 1 .043-.087 10.655 10.655 0 0 0 2.431-2.467Z' stroke='%232b87da' stroke-width='1.25' stroke-linejoin='round'/%3E%3C/svg%3E")}.et-db #et-boc .et-l .et-fb-modules-list ul>li.sb_youtube_feed:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='27' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 13.327a.1.1 0 0 0 .15.086l6.188-3.576a.1.1 0 0 0 0-.174L11.15 6.087a.1.1 0 0 0-.15.086v7.154Zm14.45-9.614c.163.587.275 1.375.35 2.375.087 1 .125 1.862.125 2.612L26 9.75c0 2.738-.2 4.75-.55 6.037-.313 1.126-1.037 1.85-2.162 2.163-.588.163-1.663.275-3.313.35a83.312 83.312 0 0 1-4.488.125L13.5 18.5c-5.238 0-8.5-.2-9.787-.55-1.126-.313-1.85-1.037-2.163-2.162-.163-.588-.275-1.376-.35-2.376-.087-1-.125-1.862-.125-2.612L1 9.75c0-2.737.2-4.75.55-6.037.313-1.126 1.037-1.85 2.162-2.163.588-.163 1.663-.275 3.313-.35a83.312 83.312 0 0 1 4.487-.125L13.5 1c5.238 0 8.5.2 9.788.55 1.125.313 1.85 1.037 2.162 2.162Z' stroke='%232b87da' stroke-width='1.25' stroke-linejoin='round'/%3E%3C/svg%3E")}.et-db #et-boc .et-l .et_pb_module .sbi_follow_btn a{zoom:1;background:#333;border:none;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:#fff;display:inline-block;font-size:13px;line-height:1.5;margin:5px auto 0;padding:7px 14px;text-decoration:none;vertical-align:top}.et-db #et-boc .et-l .et_pb_module .sbi-feed-block-cta-btn:after,.et-db #et-boc .et-l .et_pb_module .sbi-feed-block-cta-btn:before{top:10px!important}.aioseo-toc-header{width:100%;position:relative}.aioseo-toc-header:has(.aioseo-toc-header-area){flex-direction:column;align-items:flex-start}.aioseo-toc-header .aioseo-toc-header-title{align-items:center;color:#434960;display:flex;flex:1 0 auto;font-size:24px;font-weight:700;line-height:125%;max-width:100%;gap:8px}.aioseo-toc-header .aioseo-toc-header-title .aioseo-toc-header-collapsible{display:flex;border-radius:2px;cursor:pointer;transition:transform .3s ease;background-color:#e5f0ff;box-sizing:border-box;justify-content:center;align-items:center}[dir=ltr] .aioseo-toc-header .aioseo-toc-header-title .aioseo-toc-header-collapsible{padding:8px 0 8px 10px}[dir=rtl] .aioseo-toc-header .aioseo-toc-header-title .aioseo-toc-header-collapsible{padding:8px 10px 8px 0}.aioseo-toc-header .aioseo-toc-header-title .aioseo-toc-header-collapsible svg{width:14px;height:14px}[dir=ltr] .aioseo-toc-header .aioseo-toc-header-title .aioseo-toc-header-collapsible svg{margin-right:10px}[dir=rtl] .aioseo-toc-header .aioseo-toc-header-title .aioseo-toc-header-collapsible svg{margin-left:10px}.aioseo-toc-header .aioseo-toc-header-instructions{color:#2c324c;font-size:16px;margin-bottom:0;margin-top:16px}.aioseo-toc-header .aioseo-toc-header-buttons{flex:0 1 auto}.aioseo-toc-contents{transition:transform .3s ease,opacity .3s ease;transform-origin:top;display:block;opacity:1;transform:scaleY(1);padding-top:12px}.aioseo-toc-collapsed{opacity:0;transform:scaleY(0);height:0;overflow:hidden}