@charset "utf-8";

.page {
    color: #030303;
    border-right: 14px solid #D5CA4C;
    border-left: 14px solid #D5CA4C;
}
.main img {
    margin-right: -14px;
    margin-left: -14px;
    width: calc(100% + 28px);
    max-width: none;
}

.map-container {
  position: relative;
}
.map-container .map-ttl{
  position: absolute;
  top: 20%;
  right: 2%;
}
.responsive-map-img {
    display: block;
    width: 100%;
    max-width: 933px;
    height: auto;
}

.nishibiyori_area_btn {
    display: flex;
    flex-flow: row wrap;
    gap: 3%;
}
.nishibiyori_area_btn li {
    flex: 0 0 calc((100% - (3% * 3)) / 4);
}
.nishibiyori_area_btn li a,
.nishibiyori_btn {
    display: block;
    padding: .8em 8px calc(.8em + 8px) 0;
    text-align: center;
    color: #2B2B2B;
    font-size: 1.125rem;
    font-weight: 600;
    background: url("../images/nishibiyori_btn_bg.png") no-repeat center center / contain;
}

.nishibiyori_keyword li {
  margin-right: 2em;
  margin-bottom: .8em;
  display: inline-block;
}
.nishibiyori_keyword li a {
  color: #030303;
  font-weight: 600;
}
.kintokiyama {
  margin: 60px 0 -180px 0;
}

.hito .ichiran_list .ichiran_img img {
  height: auto;
}
.ichiran_list .ichiran_list_txt01 {
  min-height: auto;
}

.holiday .ichiran_list .ichiran_img {
  aspect-ratio: 16 / 9;
}
.holiday .ichiran_list .ichiran_img img {
  height: 100%;
}
.category.nishibiyori .wrap {
    width: 100%;
}

.category.nishibiyori .logo-nishibiyori {
  padding-right: 4%;
}

.category.nishibiyori {
  padding-top: 0 !important;
    color: #030303;
    border-right: 14px solid #D5CA4C;
    border-left: 14px solid #D5CA4C;
}
.bg_yellow {
  background: #D5CA4C;;
}
.category.nishibiyori .ichiran_img2 {
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
}
.category.nishibiyori .ichiran_img2 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center; 
}




@media screen and (max-width: 1020px) {
	


}

@media screen and (max-width: 767px) {
	#content {
		padding-top: 0;
		padding-bottom: 0;
	}
  h1 {
    margin-top: 0;
  }
  .nishibiyori_area_btn {
      gap: 5%;
  }
  .nishibiyori_area_btn li {
      flex: 0 0 calc((100% - (5% * 2)) / 2);
  }
  .map-container .map-ttl {
      top: -55px;
      right: auto;
      left: 0;
  }
  .kintokiyama {
    margin: auto;
  }
  .holiday .ichiran_list {
    width: 100%;
    margin: 0 0 30px 0 !important;
  }
  .holiday .ichiran_list .ichiran_img img{
    height: 188px;
  }
  .hito .ichiran_list {
    width: 100%;
    margin: 0 !important;
  }
  .footer_partner_bnr {
      margin-top: 80px;
  }
  .area_ttl {
    margin-top: -70px;
  }
  .category.nishibiyori .wrap {
    margin-right: 0;
    margin-left: 0;
  }
  .category.nishibiyori .holiday .ichiran_list {
      width: calc(100%/2 - 1.75%);
  }
	.category.nishibiyori .holiday .ichiran_list:nth-child(odd){
		margin: 0 3.5% 30px 0 !important;
	}
	.category.nishibiyori .holiday .ichiran_list:nth-child(even){
		margin: 0 0 30px 0 !important;
	}
  
}

/* =========================
   12カラム Flexboxグリッド
========================= */
.grid {
  display: flex;
  flex-wrap: wrap;
  --gap: 24px;
  gap: var(--gap);
}

/* gapなしバージョン（親要素に no-gap または grid-no-gap を付与） */
.grid.no-gap {
  --gap: 0px;
}

/* PC用 */
.col-1  { flex: 0 0 calc(100% / 12 * 1  - var(--gap) * 11 / 12); }
.col-2  { flex: 0 0 calc(100% / 12 * 2  - var(--gap) * 10 / 12); }
.col-3  { flex: 0 0 calc(100% / 12 * 3  - var(--gap) * 9  / 12); }
.col-4  { flex: 0 0 calc(100% / 12 * 4  - var(--gap) * 8  / 12); }
.col-5  { flex: 0 0 calc(100% / 12 * 5  - var(--gap) * 7  / 12); }
.col-6  { flex: 0 0 calc(100% / 12 * 6  - var(--gap) * 6  / 12); }
.col-7  { flex: 0 0 calc(100% / 12 * 7  - var(--gap) * 5  / 12); }
.col-8  { flex: 0 0 calc(100% / 12 * 8  - var(--gap) * 4  / 12); }
.col-9  { flex: 0 0 calc(100% / 12 * 9  - var(--gap) * 3  / 12); }
.col-10 { flex: 0 0 calc(100% / 12 * 10 - var(--gap) * 2  / 12); }
.col-11 { flex: 0 0 calc(100% / 12 * 11 - var(--gap) * 1  / 12); }
.col-12 { flex: 0 0 100%; }

/* タブレット */
@media (max-width: 768px) {
  .grid {
    --gap: 16px;
  }

  .col-md-1  { flex: 0 0 calc(100% / 12 * 1  - var(--gap) * 11 / 12); }
  .col-md-2  { flex: 0 0 calc(100% / 12 * 2  - var(--gap) * 10 / 12); }
  .col-md-3  { flex: 0 0 calc(100% / 12 * 3  - var(--gap) * 9  / 12); }
  .col-md-4  { flex: 0 0 calc(100% / 12 * 4  - var(--gap) * 8  / 12); }
  .col-md-5  { flex: 0 0 calc(100% / 12 * 5  - var(--gap) * 7  / 12); }
  .col-md-6  { flex: 0 0 calc(100% / 12 * 6  - var(--gap) * 6  / 12); }
  .col-md-7  { flex: 0 0 calc(100% / 12 * 7  - var(--gap) * 5  / 12); }
  .col-md-8  { flex: 0 0 calc(100% / 12 * 8  - var(--gap) * 4  / 12); }
  .col-md-9  { flex: 0 0 calc(100% / 12 * 9  - var(--gap) * 3  / 12); }
  .col-md-10 { flex: 0 0 calc(100% / 12 * 10 - var(--gap) * 2  / 12); }
  .col-md-11 { flex: 0 0 calc(100% / 12 * 11 - var(--gap) * 1  / 12); }
  .col-md-12 { flex: 0 0 100%; }
}

/* スマホ */
@media (max-width: 480px) {
  [class*="col-"] {
    flex: 0 0 100%;
  }
  
  .col-sm-1  { flex: 0 0 calc(100% / 12 * 1  - var(--gap) * 11 / 12); }
  .col-sm-2  { flex: 0 0 calc(100% / 12 * 2  - var(--gap) * 10 / 12); }
  .col-sm-3  { flex: 0 0 calc(100% / 12 * 3  - var(--gap) * 9  / 12); }
  .col-sm-4  { flex: 0 0 calc(100% / 12 * 4  - var(--gap) * 8  / 12); }
  .col-sm-5  { flex: 0 0 calc(100% / 12 * 5  - var(--gap) * 7  / 12); }
  .col-sm-6  { flex: 0 0 calc(100% / 12 * 6  - var(--gap) * 6  / 12); }
  .col-sm-7  { flex: 0 0 calc(100% / 12 * 7  - var(--gap) * 5  / 12); }
  .col-sm-8  { flex: 0 0 calc(100% / 12 * 8  - var(--gap) * 4  / 12); }
  .col-sm-9  { flex: 0 0 calc(100% / 12 * 9  - var(--gap) * 3  / 12); }
  .col-sm-10 { flex: 0 0 calc(100% / 12 * 10 - var(--gap) * 2  / 12); }
  .col-sm-11 { flex: 0 0 calc(100% / 12 * 11 - var(--gap) * 1  / 12); }
}