.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: #6cc182; padding: 100px 0;
position: relative;      background-image: url(//www.glamping-aichi.com/wp-content/themes/shitara_vl/img/top/top_concept_bg_river_spring.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_spring.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_spring.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_spring.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_spring.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_spring.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: #6cc182; 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: #6cc182; 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;
}
@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%;
}
}