.top_slid {
margin-top: 80px;
position: relative;
width: 100%;
}
.slid_msg {
color: #fff;
width: 564px;
line-height: 1.9;
font-size: 20px;
position: absolute;
text-shadow: 2px 2px 5px #4d4d4d;
top: 46%;
left: 6%;
z-index: 3;
}
@media screen and (max-width: 896px) {
.top_slid {
margin-top: 60px;
}
.slid_msg {
width: max-content;
font-size: 16px;
top: 70%;
left: 20px;
}
}
.top_news {
padding: 0;
background: #fff;
}
.top_news ul {
margin: 0 auto;
max-width: 900px;
}
@media screen and (max-width: 896px) {
.top_news .container {
flex-direction: column;
}
}
.top_news h2 span {
font-size: 14px;
}
.top_news h2 a {
color: #c0c0c0;
}
.top_news ul li {
padding: 20px 0;
border-bottom: 1px solid #cecece;
}
.top_news ul li a {
color: #2d2d2d;
font-size: 13px;
}
@media screen and (max-width: 896px) {
.top_news ul li {
padding: 2% 0;
line-height: 1.8;
}
}
.top_news ul li span.date {
padding: 0 22px 0 30px;
color: #2d2d2d;
}
.top_news ul li span.cate {
color: #fff;
background: #8d958f;
padding: 4px 10px;
margin-right: 30px;
font-size: 1.4rem;
}
@media screen and (max-width: 896px) {
.top_news ul li span.date {
padding: 0;
}
.top_news ul li span.cate {
padding: 1% 2%;
font-size: 1.2rem;
}
}
.top_news ul li span.cate a {
color: #fff;
} ul.media_list {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
margin-bottom: 80px;
}
ul.media_list li {
width: 25%;
margin-top: 0px;
}
ul.media_list li.txt {
width: 100%;
border-bottom: 1px dotted #ccc;
padding: 0 20px;
margin: 0;
}
ul.media_list li.txt p {
text-align: left;
}
ul.media_list .image {
width: 170px;
height: 218px;
margin: 0 auto;
}
ul.media_list .image img {
width: 100%;
height: auto;
}
ul.media_list p {
text-align: center;
margin: 10px 0;
} .kodawari-box {
background-image: url(//www.chichibu-privatevilla-komura.com/wp-content/themes/komura/img/witewall_3.webp);
background-size: cover;
padding-top: 90px;
padding-bottom: 100px;
}
.kodawari-box .inr {
max-width: 1500px;
margin-right: auto;
margin-left: auto;
}
@media screen and (max-width: 896px) {
.kodawari-box .inr {
max-width: 86%;
}
}
.kodawari-box .inr h2 {
text-shadow: 1px 1px 15px #fff;
}
.kodawari-box .inr p {
color: #333;
text-shadow: 1px 1px 15px #fff;
}
.kodawari-box .inr .logo {
width: 15%;
margin: 40px auto;
}
.kodawari-box .kodawari-list {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.kodawari-box .kodawari-list li {
width: 23.5%;
max-width: 500px;
height: 600px;
position: relative;
}
.kodawari-box .kodawari-list li p {
font-size: 42px;
color: #fff;
position: absolute;
bottom: 0;
left: 14px;
}
.kodawari-box .kodawari-list li img {
width: 100%;
height: 600px;
object-fit: cover;
} @media screen and (max-width: 1200px) {
.kodawari-box {
padding-top: 50px;
padding-bottom: 30px;
}
.kodawari-box .inr p {
font-weight: 300;
}
.kodawari-box .inr p span {
display: inline-block;
}
.kodawari-box .inr .logo {
width: 65%;
margin: 40px auto;
}
.kodawari-box .kodawari-list {
justify-content: space-evenly;
}
.kodawari-box .kodawari-list li {
width: 100%;
height: auto;
margin-bottom: 2%;
}
.kodawari-box .kodawari-list li p {
font-size: 40px;
left: 25px;
}
.kodawari-box .kodawari-list li img {
width: 100%;
height: auto;
object-fit: cover;
}
} .room-box {
background-color: #f4f4f4;
}
.room-box .room-head {
background-color: #fff;
padding-top: 70px;
}
.room-box .room-head .inr {
width: 100%;
max-width: 1250px;
margin-right: auto;
margin-left: auto;
}
.room-box .room-nav {
background-color: #fff;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.room-box .txt-box {
width: calc(75% - 127px);
max-width: 865px;
}
.room-box .room-nav li.lg {
width: 45%;
position: relative;
margin: 5px;
}
.room-box .room-nav li.min {
width: calc(25% - 1.5px);
}
.room-box .room-nav li img {
width: 100%;
height: 400px;
object-fit: cover;
}
.dogsuite_img {
position: relative;
}
.dogsuite_p {
position: absolute;
right: 0;
bottom: 15px;
}
.dogsuite_p p {
padding: 5px 10px;
background: #549e01;
color: #fff;
font-size: 1.8rem;
}
.textbox {
position: absolute;
left: 0;
top: 0;
background: #f2f2f2;
height: 100%;
width: 90px;
}
.textbox p {
font-size: 14px;
padding: 18px;
}
.textbox p span.vertical__part {
font-size: 18px;
}
.vertical {
writing-mode: vertical-rl;
text-orientation: mixed;
display: inline-block;
}
.vertical__part {
text-orientation: upright;
} @media screen and (max-width: 896px) {
.room-box {
padding-top: 50px;
padding-bottom: 50px;
}
.room-box .room-head {
padding-top: 30px;
padding-bottom: 30px;
}
.room-box .room-head .inr {
max-width: 96%;
}
.room-box .room-nav {
padding-bottom: 30px;
}
.room-box .txt-box {
width: 100%;
max-width: none;
}
.room-box .room-nav li.lg {
width: 100%;
margin-bottom: 2px;
}
.room-box .room-nav li.min {
width: calc(50% - 1px);
margin-bottom: 2px;
}
.room-box .room-nav li img {
height: auto;
}
.dogsuite_p p {
font-size: 1.5rem;
}
.textbox p {
padding: 10px;
}
.textbox p span.vertical__part {
font-size: 15px;
}
} .top_instagram {
padding: 80px 0;
background-color: #f4f4f4;
}
@media screen and (max-width: 896px) {
.top_instagram {
padding: 10% 0;
}
}
.top_instagram h2 {
margin-bottom: 30px;
}
.top_instagram_img img {
width: 100%;
aspect-ratio: 1 / 1;
object-fit: cover;
height: auto;
margin: 0 auto;
position: relative;
} .around_withdog_icon {
width: auto;
padding: 5px 15px;
position: absolute;
top: 0;
left: 0;
background-color: rgba(255, 255, 255, 0.8);
border-radius: 0 0 5px 0;
}
.around_withdog_icon_single {
width: 100%;
margin: 20px 0;
}
.around_withdog_icon_single span.dog_icon {
width: auto;
display: inline-block;
padding: 5px 20px;
box-sizing: border-box;
background-color: #060709;
border-radius: 10px;
color: #fff;
font-size: 1.5rem;
}
.slick-slide h3 {
padding-left: 5% !important;
padding-top: 2%;
}
.top_instagram .link a {
color: #222;
border: #222 1px solid;
}
.instagram_slides {
margin: 0 auto;
padding-bottom: 20px;
padding-top: 10px;
width: 75%;
}
.top_instagram li p {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
padding: 0 5% 1.5%;
}
.instagram_archive p {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
margin-left: 1%;
margin-bottom: 2%;
text-align: left;
}
@media screen and (max-width: 896px) {
.instagram_slides {
width: 100%;
}
.instagram_archive li {
width: 98%;
}
}
.top_instagram_li {
width: 93%;
background: white;
margin: 0 auto;
}
.instagram_contents p {
white-space: pre-line;
}
.instagram_contents h2 {
text-align: left;
padding: 0 0 1% 1% !important;
margin-top: 2%;
}
.instagram_archive li {
text-align: left;
background: #f8f8f8;
}
.instagram_archive h3 {
text-align: left;
margin: 2% 0 1% 1%;
} .instagram_main_contents .content_width {
background: #fff;
padding: 10px;
}
.instagram_contents {
display: flex;
}
.instagram_contents .content {
padding-left: 2%;
width: 95%;
}
@media screen and (max-width: 896px) {
.instagram_contents {
display: block;
padding: 15px;
}
}
.swiper .swiper-slide video {
width: 100%;
}
.swiper-button-prev,
.swiper-container-rtl,
.swiper-button-next {
color: #fff !important;
}
@media screen and (min-width: 896px) {
.swiper-button-prev,
.swiper-container-rtl,
.swiper-button-next {
top: 20% !important;
}
}
.top_instagram_li .far {
font-size: 1.5rem;
}
@media screen and (max-width: 896px) {
.top_instagram_li .far {
font-size: 1rem;
}
}
.popup-content {
background-color: #fff;
padding: 20px;
border-radius: 5px;
} .instagram_top {
padding: 80px 0;
background-color: #f9f9f9;
}
@media screen and (max-width: 896px) {
.instagram_top {
padding: 10% 0;
}
}
.instagram_top h2 {
margin-bottom: 30px;
}
.instagram_top .link a {
width: 128px;
}
.front_none {
display: none;
}
.instagram_top_li {
width: 18.5%;
padding: 5px;
} @media screen and (max-width: 896px) {
.instagram_top_li {
width: 32.5%;
padding: 1px;
}
}
.instagram_top_img {
width: 100%;
}
.instagram_top_img img {
width: 100%;
aspect-ratio: 1 / 1;
object-fit: cover;
height: auto;
margin: 0 auto;
}
.instagram_top li p {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
padding: 0 5% 1.5%;
}
.lity {
z-index: 10001 !important;
}
.VideoWrapper {
position: relative;
padding-bottom: 176.6917%;
padding-top: 25px;
height: 0;
}
.VideoWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} .top_slider .swiper-slide {
width: 100%;
height: 100vh;
}
.top_slider .swiper-slide img {
width: 100%;
height: 100%;
object-fit: cover;
}
@media screen and (max-width: 896px) {
.top_slider .swiper-slide {
width: 100%;
height: 50vh;
}
.top_instagram .n2-ss-align {
height: 450px;
}
}
.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: space-evenly;
vertical-align: top;
}
.food_content li {
width: 24%;
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: 896px) {
.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%;
position: relative;
}
.food_content__img img {
width: 100%;
height: 240px;
object-fit: cover;
}
@media screen and (max-width: 896px) {
.food_content__img img {
height: 120px;
}
}
.food_content__period {
padding: 10px 0;
width: 100%;
background: #5d87b7;
color: #fff;
}
.pc_instagram_ul {
display: flex;
flex-wrap: wrap;
justify-content: center;
width: 80%;
margin: 0 auto;
}
.sp_instagram_ul {
display: flex;
flex-wrap: wrap;
justify-content: center;
width: 100%;
margin: 0 auto;
} .faci_expl {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.faci_expl .faci_box {
width: 32.5%;
padding: 0 5px;
box-sizing: border-box;
margin-bottom: 40px;
}
.faci_expl .fac_img {
width: 100%;
height: 200px;
}
@media screen and (max-width: 896px) {
.faci_expl .fac_img {
width: 100%;
height: 180px;
}
}
.faci_expl .fac_img img {
width: 100%;
height: 240px;
object-fit: cover;
}
@media screen and (max-width: 896px) {
.faci_expl .fac_img img {
height: auto;
}
}
.faci_expl .fac_txt {
width: 90%;
margin: 20px auto 0;
position: relative;
z-index: 3;
height: 290px;
background: #f6f6f6;
padding: 20px 30px;
box-sizing: border-box;
}
@media screen and (max-width: 896px) {
.faci_expl .fac_txt {
height: auto;
margin: 40px auto 0;
}
}
.faci_expl .fac_txt h3 {
}
.faci_expl .fac_txt p {
margin-top: 10px;
padding-top: 15px;
}
@media screen and (max-width: 896px) {
.faci_expl .faci_box {
width: 100%;
padding: 0 5px;
box-sizing: border-box;
margin-bottom: 45px;
}
}
.top_box,
.top_box_re {
width: 100%;
margin: 160px auto;
display: flex;
position: relative;
align-items: center;
}
.top_box_re {
justify-content: flex-end;
}
.top_box .feature_txtarea {
max-width: 950px;
width: 50%;
height: 530px;
position: absolute;
top: 36px;
right: 0;
background: #ffffff;
}
.top_box_re .feature_txtarea {
max-width: 950px;
width: 50%;
height: auto;
position: absolute;
top: 36px;
left: 0;
background: #ffffff;
}
.top_textarea_p {
padding: 5rem 5rem;
height: auto;
}
.top_textarea_p h3 {
padding-bottom: 40px;
font-size: 2.2rem !important;
line-height: 1.3;
color: #3d3d3d;
}
.top_textarea_p p {
color: #3d3d3d;
}
.top_textarea_p h3 span.point_n {
font-size: 5rem;
color: #a9a297;
}
.top_textarea_p h3 span.sub_title {
font-size: 1.5rem;
}
@media screen and (max-width: 896px) {
.top_box,
.top_box_re {
flex-direction: column;
margin: 30px auto;
}
.top_box .feature_txtarea,
.top_box_re .feature_txtarea {
max-width: 100%;
height: 100%;
position: static;
}
.top_box .feature_txtarea {
max-width: 1030px;
height: auto;
top: 56px;
right: 0;
width: 100%;
}
.top_box_re .feature_txtarea {
max-width: 1030px;
height: auto;
top: 56px;
left: 50%;
width: 100%;
}
.top_textarea_p h3 span.point_n {
font-size: 4rem;
}
.top_textarea_p {
padding: 10% 5%;
height: auto;
}
.top_textarea_p h3 {
padding-bottom: 20px;
font-size: 1.5rem;
}
.top_textarea_p p {
font-size: 1.4rem;
}
} .top_area_bk {
padding: 80px 0 40px;
}
.top_area_sl ul li {
position: relative;
}
.top_area_sl ul li p {
text-align: center;
padding: 20px;
background: rgba(0, 0, 0, 0.5);
width: 100%;
font-size: 18px;
position: absolute;
bottom: 0;
color: #fff;
}
@media screen and (max-width: 896px) {
.top_area_sl ul li p {
padding: 6px;
font-size: 15px;
}
}
.top_access {
padding: 40px 0 30px;
}
@media screen and (max-width: 896px) {
.top_access {
padding: 10% 0;
}
}
.top_access .g_map {
width: 94%;
margin: 0 auto;
height: 360px;
margin-bottom: 40px;
}
.top_access .g_map iframe {
width: 100%;
height: 360px;
}
.top_access ul {
width: 94%;
margin: 0 auto 20px;
}
@media screen and (max-width: 896px) {
.top_access .g_map {
width: 100%;
}
.top_access ul {
width: 100%;
}
}
.top_access li {
color: #333;
padding: 20px 0 0;
border-top: 1px solid #c3c3c3;
}
.top_access li:last-child {
border-bottom: 1px solid #c3c3c3;
}
@media screen and (max-width: 896px) {
.top_access li {
flex-direction: column;
padding: 26px 0 14px;
}
}
.top_access li h3 {
font-size: 1.8rem;
font-weight: 500;
width: 26%;
padding: 0 15px;
box-sizing: border-box;
color: #272521;
}
@media screen and (max-width: 896px) {
.top_access li h3 {
width: 100%;
}
}
.top_access li p {
width: 100%;
padding: 16px 14px;
color: #272521;
box-sizing: border-box;
}
@media screen and (max-width: 896px) {
.top_access li p {
width: auto;
padding: 5px 14px;
border-left: none;
}
}
.top_access li p span {
font-size: 1.6rem;
font-weight: 500;
line-height: 2.4;
}
.top_access p.msg {
text-align: center;
font-size: 1.8rem;
font-weight: 500;
margin: 50px 0;
}
.top_access .checkin_box {
width: 100%;
margin: 0px auto 60px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.top_access address {
font-size: 1.5rem;
margin-top: 1em;
color: #272521;
text-align: center;
}
.top_access p.checkin {
font-size: 1.8rem;
color: #272521;
}
.top_access p.checkin a {
font-size: 1.8rem;
padding-right: 1em;
}
.top_access p.checkin_ttl {
position: relative;
text-align: center;
font-size: 2rem;
margin: 0 auto;
display: inline-block;
padding: 0 30px;
}
.top_access p.checkin_ttl span {
background: #f5f6f6;
padding: 0 30px;
z-index: 20;
position: relative;
color: #272521;
}
.top_access p.note {
padding-top: 20px;
color: #c8c8c8;
}
.top_slider {
width: 100%;
height: 100%;
}
.top_slider .swiper-slide {
width: 100%;
height: 100%;
}
.top_slider .swiper-slide img {
width: 100%;
height: 888px;
object-fit: cover;
}
@media screen and (max-width: 896px) {
.top_slider {
margin-top: 60px;
}
.top_slider .swiper-slide img {
width: 100%;
height: 550px;
object-fit: cover;
}
} * {
box-sizing: border-box;
}
.slick-prev.slick-arrow {
display: none !important;
}
.topinner {
width: calc(100% - 100px);
max-width: 1000px;
min-width: 600px;
}
.slider-main img {
min-height: auto !important;
object-fit: cover;
}
.slide > span {
display: flex;
align-items: center;
justify-content: center;
margin: 0 10px; }
.slide.txtbar {
position: relative;
}
.slide.txtbar .txtbar-pc {
background: rgba(0, 0, 0, 0.5);
color: #fff;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
height: 100%;
position: absolute;
top: 0;
left: 10px;
font-size: 28px;
padding: 10px;
text-indent: 0.5em;
}
@media screen and (max-width: 896px) {
.slide.txtbar .txtbar-pc {
top: 0;
left: 0;
font-size: 14px;
padding: 8px;
}
}
.slider-thumb {
margin-top: 20px;
}
.slider-thumb .slide > span {
height: 100px;
}
.slick-slide img {
width: 100%;
}
.top_box .feature_txtarea.test2 {
max-width: 950px;
width: 42%;
height: auto;
position: absolute;
top: 36px;
right: 0;
box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.1);
}
.top_box_re .feature_txtarea.test2 {
max-width: 950px;
width: 42%;
height: auto;
position: absolute;
top: 36px;
left: 0;
box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.1);
}
.top_box .topwrapper,
.top_box_re .topwrapper {
width: 64.5%;
object-fit: cover;
}
.top_box .topwrapper .topinner {
float: left;
overflow: hidden;
}
.top_box_re .topwrapper .topinner {
float: right;
overflow: hidden;
}
.top_box .topwrapper img,
.top_box_re .topwrapper img {
height: auto;
}
.slick-next {
display: none !important;
}
.slider-thumb .slick-track {
transform: unset !important;
}
@media screen and (max-width: 896px) {
.slick-slider {
-ms-touch-action: auto !important;
touch-action: auto !important;
}
.slide > span {
margin: 0; }
.slide.txtbar .txtbar-sp {
font-size: 20px;
left: 0;
text-indent: 3em;
}
.top_box .topwrapper,
.top_box_re .topwrapper {
width: 100%;
}
.slider-thumb {
margin-top: 0;
}
.slider-thumb .slide > span {
height: 80px;
padding: 10px;
}
.top_box .feature_txtarea.test2,
.top_box_re .feature_txtarea.test2 {
max-width: 100%;
height: 100%;
position: static;
}
.top_box .feature_txtarea.test2 {
max-width: 1030px;
height: auto;
top: 56px;
right: 0;
width: 92%;
}
.top_box_re .feature_txtarea.test2 {
max-width: 1030px;
height: auto;
top: 56px;
left: 50%;
width: 92%;
}
.top_box .topwrapper .topinner,
.top_box_re .topwrapper .topinner {
float: unset;
width: 100%;
min-width: 100%;
}
} .faq-box {
background-color: #f4f4f4;
text-align: center;
padding: 80px 0;
}
.faq-wrap {
color: #fff;
background-image: url(//www.chichibu-privatevilla-komura.com/wp-content/themes/komura/img/top_qa.jpg);
background-size: cover;
background-position: center;
padding: 130px 0;
text-align: center;
}
.faq-wrap p {
color: #fff;
text-align: center;
}
.faq-wrap .link a {
border: #fff 1px solid;
}
@media screen and (max-width: 896px) {
.faq-wrap {
padding: 90px 0;
}
} .content_box {
padding: 100px 0;
background: #f0f0f3;
}
.group_area {
max-width: 1280px;
margin-right: auto;
margin-left: auto;
}
.group_area .group-box {
height: auto;
display: flex;
}
.group_area .group-box .thum {
width: 40%;
height: auto;
}
.group_area .group-box .thum img {
width: 100%;
height: 240px;
object-fit: cover;
}
.group_area .group-box .text-wrap {
margin-left: 16px;
width: 60%;
margin-bottom: 40px;
}
.gdlink {
text-align: center;
}
@media screen and (max-width: 896px) {
.group_area .group-box .thum {
width: 100%;
height: auto;
}
.group_area .group-box {
width: 100%;
flex-direction: column;
}
.group_area .group-box .text-wrap {
margin-left: 0;
width: 100%;
margin-bottom: 0;
}
} .link a {
font-size: 14px;
color: #fff;
display: inline-block;
padding: 12px 15px;
background: #888;
}
.link2 a {
font-size: 14px;
display: inline-block;
padding: 12px 30px;
background: #fff;
margin-top: 10px;
color: #333;
width: 300px;
text-align: center;
}
.link3 a {
font-size: 14px;
display: inline-block;
padding: 12px 30px;
background: #333;
margin-top: 10px;
color: #fff;
width: 300px;
text-align: center;
}
@media screen and (max-width: 896px) {
.link3 a {
width: 100%;
}
} .inuyadomagazine {
width: 100%;
margin-top: 50px;
}
.inuyadomagazine .inuyadomagazine_bnr {
width: 94%;
max-width: 700px;
margin: 0 auto;
}
.inuyadomagazine .inuyadomagazine_bnr img {
border: 1px solid #dbdbdb;
box-sizing: border-box;
}