@charset "UTF-8";

.data-table01 , .data-table02 {
  width: 100%;
}


/*タブ切り替え全体のスタイル*/
.tabs {
  margin-top: 50px;
  padding-bottom: 40px;
  background-color: #fff;
  width: 100%;
  margin: 0 auto;}

/*タブのスタイル*/
.tab_item {
  width: calc(100%/7);
  height: 50px;
  border-bottom: 3px solid #5ab4bd;
  background-color: #d9d9d9;
  line-height: 50px;
  font-size: 16px;
  text-align: center;
  color: #565656;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
}
.tab_item:hover {
  opacity: 0.75;
}

/*ラジオボタンを全て消す*/
input[name="tab_item"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
  visibility: hidden;
  height: 0;
}


/*選択されているタブのコンテンツのみを表示*/
#all:checked ~ #all_content,
#exterior:checked ~ #exterior_content,
#interior:checked ~ #interior_content,
#plan:checked ~ #plan_content,
#panorama:checked ~ #panorama_content,
#other:checked ~ #other_content,
#movie:checked ~ #movie_content {
  visibility: visible;
  height: auto;
}

/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
  background-color: #5ab4bd;
  color: #fff;
}





/*slider2*/
.photo-thumbnail .swiper-slide {
  opacity: .5;
  transition: opacity .5s;
  max-height: 120px;
}
.photo-thumbnail .swiper-slide.swiper-slide-thumb-active {
  opacity: 1;
}
.photo-slider .swiper-slide {
  position: relative;
  max-height: 480px;
}
.ph-cap {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background:rgba(255,255,255,0.7);
  z-index: 1;
}



/*slider1*/
.top-slider {
  position: relative;
  width: 100%;
  /*height: 100vh ;*/
}
.slider1 .swiper-slide {
  height: unset;
}
.swiper-custom-parent {
  position: relative;
}
.slider1 {
  position: unset;
  width: 100%;
  height: 100%;
}

.swiper-button-next:after, .swiper-button-prev:after {
  font-size: 1.4rem;
  color: #fff;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  left: 0%;
  background: #000;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  right: 0%;
  background: #000;
}
.swiper-button-next, .swiper-button-prev {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size)/ 44 * 22);
  height: var(--swiper-navigation-size);
  margin-top: calc(-1 * var(--swiper-navigation-size)/ 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color,var(--swiper-theme-color));
  /*border-radius: 22px;*/
}

.slider1 .swiper-button-next, .slider1 .swiper-button-prev {
  top: 35%;
}


.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}
.swiper-pagination-bullet {
  width: 15px;
  height: 15px;
  display: inline-block;
  border-radius: 100%;
  border: #999 solid 2px;
  background: #fff;
}
.swiper-pagination-bullet-active {
  background: #999;
}


.section-photo-slider {
  max-width: 200px;
}


.data-ph01 {
  width: 130px;
}

.data-ph01 .stretched-link::before {
  content: "\f00e";
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  color: #eee;
  position: absolute;
  right: 0.25rem;
  bottom: 0.25rem;
  opacity: 0.5;
  line-height: 1;
  text-shadow:
    #000 1px 0px 0px, #000 -1px 0px 0px,
    #000 0px -1px 0px, #000 -1px 0px 0px,
    #000 1px 1px 0px, #000 -1px 1px 0px,
    #000 1px -1px 0px, #000 -1px -1px 0px;
}


.syumi-input {
  width: 100%;
  border: unset;
}
.btn-m {
  width: 100%;
  background: #f8f8f8;
  border: solid 1px #dee2e6;
  border-radius: 15px 0 0 15px;
  text-align: center;
}
.btn-p {
  width: 100%;
  background: #f8f8f8;
  border: solid 1px #dee2e6;
  border-radius: 0 15px 15px 0;
  text-align: center;
}


.lintup-area01 {
  height: 50px;
  line-height: 50px;
}
.lintup-area02 {
  height: 400px;
  overflow-y: scroll;
}
.map-area {
  height: 450px;
}

.map-icon {
  padding: 2px 0 2px 25px;
  font-size: 14px;
  line-height: 20px;
}
.map-icon01,
.map-icon-cart1 {
  background: url(/assets/images/data/icon01.svg) no-repeat left center / 20px 20px;
}
.map-icon02,
.map-icon-cart2 {
  background: url(/assets/images/data/icon02.svg) no-repeat left center / 20px 20px;
}
.map-icon03,
.map-icon-cart3 {
  background: url(/assets/images/data/icon03.svg) no-repeat left center / 20px 20px;
}
.map-icon04,
.map-icon-cart4 {
  background: url(/assets/images/data/icon04.svg) no-repeat left center / 20px 20px;
}
.map-icon05,
.map-icon-cart5 {
  background: url(/assets/images/data/icon05.svg) no-repeat left center / 20px 20px;
}
.map-icon06,
.map-icon-restaurant {
  background: url(/assets/images/data/icon06.svg) no-repeat left center / 20px 20px;
}
.map-icon07,
.map-icon-shop1,
.map-icon-shop2 {
  background: url(/assets/images/data/icon07.svg) no-repeat left center / 20px 20px;
}
.map-icon08,
.map-icon-school1,
.map-icon-school2,
.map-icon-school3 {
  background: url(/assets/images/data/icon08.svg) no-repeat left center / 20px 20px;
}
.map-icon09,
.map-icon-junior_high_school {
  background: url(/assets/images/data/icon09.svg) no-repeat left center / 20px 20px;
}
.map-icon10,
.map-icon-primary_school1 {
  background: url(/assets/images/data/icon10.svg) no-repeat left center / 20px 20px;
}
.map-icon11,
.map-icon-kindergarten {
  background: url(/assets/images/data/icon11.svg) no-repeat left center / 20px 20px;
}
.map-icon12,
.map-icon-nursery {
  background: url(/assets/images/data/icon12.svg) no-repeat left center / 20px 20px;
}
.map-icon13,
.map-icon-common_school {
  background: url(/assets/images/data/icon13.svg) no-repeat left center / 20px 20px;
}
.map-icon14,
.map-icon-primary_school2 {
  background: url(/assets/images/data/icon14.svg) no-repeat left center / 20px 20px;
}
.map-icon15,
.map-icon-hospital {
  background: url(/assets/images/data/icon15.svg) no-repeat left center / 20px 20px;
}
.map-icon16,
.map-icon-post_office {
  background: url(/assets/images/data/icon16.svg) no-repeat left center / 20px 20px;
}
.map-icon17,
.map-icon-public_office {
  background: url(/assets/images/data/icon17.svg) no-repeat left center / 20px 20px;
}
.map-icon18,
.map-icon-library {
  background: url(/assets/images/data/icon18.svg) no-repeat left center / 20px 20px;
}
.map-icon19,
.map-icon-bank {
  background: url(/assets/images/data/icon19.svg) no-repeat left center / 20px 20px;
}
.map-icon20,
.map-icon-police {
  background: url(/assets/images/data/icon20.svg) no-repeat left center / 20px 20px;
}
.map-icon21,
.map-icon-hobby {
  background: url(/assets/images/data/icon21.svg) no-repeat left center / 20px 20px;
}
.map-icon22,
.map-icon-park {
  background: url(/assets/images/data/icon22.svg) no-repeat left center / 20px 20px;
}
.map-icon23,
.map-icon-cityscape {
  background: url(/assets/images/data/icon23.svg) no-repeat left center / 20px 20px;
}
.map-icon24,
.map-icon-station {
  background: url(/assets/images/data/icon24.svg) no-repeat left center / 20px 20px;
}
.map-icon25,
.map-icon-other {
  background: url(/assets/images/data/icon25.svg) no-repeat left center / 20px 20px;
}






.ratio.ratio-env {
  --bs-aspect-ratio: calc(223 / 317 * 100%);
}

.env-info {
  min-width: 160px;
}


/*PCのみ*/
@media (min-width: 768px) {

  .photo-slider {
    width: 600px;
  }
  .ratio.ratio-main {
    --bs-aspect-ratio: calc(480 / 600 * 100%);
  }
  .ratio.ratio-thumb {
    --bs-aspect-ratio: calc(120 / 200 * 100%);
  }


}

@media (max-width: 768px) {

  .data-table02 td , .data-table02 th {
    display: block;
  }

  .slider1 .swiper-button-prev, .slider1 .swiper-container-rtl .swiper-button-next {
    display: none;
  }
  .slider1 .swiper-button-next, .slider1 .swiper-container-rtl .swiper-button-prev {
    display: none;

  }

  .of-x-s {
    width: 100%;
    overflow-x: scroll;
  }
  .data-table01 {
    width: 1100px;
  }

  /*タブのスタイル*/
  .tab_item {
    width: calc(100%/3);
    font-size: 12px;
  }



  .photo-slider {
    width: 100%;
    height: 300px;
  }
  .ratio {
    height: 100%;
  }
  .swiper-container-thumbs {
    height: 110px;
    margin-top: 20px;
  }

}