@charset "utf-8";


.location-new-open {
  margin: 0;
  padding: 0;
  text-align: left;
}

/* バッジ（右端を斜め内側カット） */
.location-new-open__badge {
  display: inline-block;
  background-color: #595649;
  color: #fff;
  font-size: clamp(1rem, 1.8vw, 1.375rem);
  font-weight: 400;
  letter-spacing: 0.12em;
  padding: 0.5% 4% 0.5% 2%;
  margin-bottom: 0%;
  clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 100%, 0 100%);text-align:left
}

/* リード文（バッジと同色） */
.location-new-open__lead {
  line-height: 1.9;
  margin-bottom: 3%;margin-top: 1%;
  color: #000;text-align:left
}

.location-new-open__lead p {
  font-size: clamp(1.0rem, 1.0vw, 1.4rem) !important;
  color: #000;text-align:left
}

.location-new-open__lead p + p {
  margin-top: 1%;
}

.location-new-open__lead small {
  font-size: clamp(0.7rem, 1.2vw, 1.0rem);
  color: #595649;text-align:left
}

/* 強調数字（50） */
.location-new-open__num {
  font-size: clamp(1.75rem, 3.5vw, 2.25rem);
  font-weight: 700;
  line-height: 1;
  vertical-align: baseline;
}

/* 写真 */
.location-new-open__photo {
  margin: 0 0 4% 0;
  padding: 0;
  line-height: 0;
}

.location-new-open__photo img {
  width: 100%;
  height: auto;
  display: block;
}

/* 主な店舗ブロック */
.location-new-open__shops {
  padding-top: 0;
}

/* タイトルの下に線 → タイトルが線の上に乗る形 */
.location-new-open__shops-title {
  font-size: clamp(1rem, 1.8vw, 1.25rem);
  font-weight: 400;
  color: #333;
  padding-bottom: 2%;
  margin-bottom: 3%;
  border-bottom: 1px solid #ccc;text-align:left
}

.location-new-open__shops-title small {
  font-size: clamp(0.875rem, 1.4vw, 1rem);text-align:left
}

/* カテゴリ共通 */
.location-new-open__category {
  margin-bottom: 3%;text-align:left
}

.location-new-open__category-label {
  font-size: clamp(1rem, 1.8vw, 1.25rem);
  font-weight: 700;
  margin-bottom: 0.5%;
}

.location-new-open__category-list {
  font-size: clamp(0.9375rem, 1.6vw, 1.125rem);
  line-height: 1.9;
}

/* カテゴリ別カラー（ラベル＋リスト文字を同色） */
.location-new-open__category--gourmet  .location-new-open__category-label,
.location-new-open__category--gourmet  .location-new-open__category-list { color: #0075a8; }

.location-new-open__category--fashion  .location-new-open__category-label,
.location-new-open__category--fashion  .location-new-open__category-list { color: #a3005b; }

.location-new-open__category--interior .location-new-open__category-label,
.location-new-open__category--interior .location-new-open__category-list { color: #ab6a00; }

.location-new-open__category--service  .location-new-open__category-label,
.location-new-open__category--service  .location-new-open__category-list { color: #2a7f21; }


/*スマホ*/
@media screen and (max-width:750px){
	
.subtitle2{width:100%;height:auto;margin:7% auto 0px auto;padding: 0px 0% 0% 0%;text-align:left;}
.subtitle2 img{width:110px;height:auto;margin:0% auto 0% auto;padding: 0px 0% 0% 0%;text-align:left;}
	
.equip4{width:100%;height:auto;margin:0px auto 0px auto;padding: 3% 0% 0px 0%;text-align:center;}
.f-container2 {display: flex;flex-wrap: wrap;justify-content: flex-start;width: 100%;margin: 2% auto 7% auto } 
.f-item2 {width:100%;margin:1% 1%; text-align:left;font-size: 100%; }
.f-item2 img{ width: 100%;text-align:center;margin: 7% auto 0 auto  }

.locabg{width:100%;height:auto;background: url("../modelhouse/img/locabg1.webp");background-repeat: no-repeat;background-position: top center;background-size:cover;padding: 20px 0px 20px 0px;position: relative;}
	
.modelbg{width:100%;height:auto;background: url("../modelhouse/img/locabg1.webp");background-repeat: no-repeat;background-position: top center;background-size:cover;padding: 20px 0px 20px 0px;position: relative;}
	
.locabg1{width:100%;height:auto;background-color:#D8D8D8; padding: 4% 0px 1% 0px;margin:0% auto 2% auto;}
	
.locabg1 img{margin:2% auto 3% auto;}
	
.loca2{width:90%; display: flex;flex-wrap: wrap;margin:0px 5% 3% 5%;padding:2% 0% 2% 0%;}

.map{width:80%;height:auto;margin:50px auto 0px auto;padding: 0% 0% 2% 0%;text-align:center;}
.loca{width:100%;height:auto;margin:0px auto 0px auto;padding: 50px 0% 0px 0%;text-align:center;}
.locatitle{width:100%;height:auto;margin:0px auto 0px auto;padding: 0px 0% 0px 0%;text-align:center;}
.loca4{width:100%;height:auto;margin:0px auto 0px auto;padding: 50px 5% 0px 5%;text-align:center;}
	
img{padding:0px; margin:0px }

.locafont{font-size: clamp(18px, 2.0vw, 22px);width:100%;height: auto;margin: 4% auto 0px auto;padding: 0px 0px 0px 0px;color:#000;letter-spacing:0px;text-align:center;font-feature-settings: "palt";}

	
.text3{margin:0% 0% 4% 0% ;text-align:left;line-height: 160%; font-feature-settings: "palt";font-size: clamp(16px, 2.0vw, 22px);letter-spacing:1px;}
.locacap{width:90%;height: auto;margin: 1% auto 0px auto;padding: 2% 0px 7% 0px;color:#000;letter-spacing:0px;text-align:left;font-size: clamp(10px, 0.6vw, 14px);line-height: 160%;}
.locancap1{width:90%;height: auto;margin: 1% auto 0px auto;padding: 0px 0px 0% 0px;color:#000;letter-spacing:0px;text-align:right;font-size: clamp(10px, 0.6vw, 14px);line-height: 160%;}
.locacap2{max-width:800px;max-width:100%;height: auto;margin: 4% auto 0px auto;padding: 0% 0px 0% 0px;color:#000;letter-spacing:0px;text-align:left;font-size: clamp(10px, 0.6vw, 14px);line-height: 160%;}
	
	

.locatop{width:90%;height:auto;margin:0% auto 3% auto;padding: 0px 0% 1% 0%;text-align:left;}
.loca1 {width:100%;height:auto;margin: 7% auto 4% auto;padding: 0% 0% 0px 0%;box-sizing: border-box;}
.loca2 {width:100%;height:auto;margin: 3% auto 4% auto;padding: 0% 0% 0px 0%;box-sizing: border-box;}
.loca3 {width:90%;height:auto;margin: 4% auto 7% auto;padding: 0% 0% 0px 0%;box-sizing: border-box;}
.text3{margin:5% 0% 2% 0% ;text-align:left;line-height: 160%; font-feature-settings: "palt";font-size: clamp(16px, 2.6vw, 28px);letter-spacing:1px;}
.text4{margin:15px 0% 0% 0% ;text-align:left;line-height: 160%; font-feature-settings: "palt";font-size: clamp(16px, 2.6vw, 28px);}
.loca4 {width:100%;height:auto;margin:10% auto 7% auto;padding: 8% 5% 8% 5%;box-sizing: border-box;background-color: #fff}	
.locabg{width:100%;height:auto;background: url("../modelhouse/img/bg.webp");background-repeat: no-repeat;background-position: top center;background-size:cover;padding: 20px 0px 20px 0px;position: relative;}
.locabg1{width:100%;height:auto;background: url("../location/img/bg.jpg");background-repeat: no-repeat;background-position: top center;background-size:cover;padding: 2% 0px 0px 0px;position: relative;background-color:#dedad4}
	
	
}


/*PC*/
@media screen and (min-width:751px){
.subtitle2{max-width:1200px;width:100%;height:auto;margin:7% auto 0px auto;padding: 0px 0% 0% 0%;text-align:left;}
.subtitle2 img{width:110px;height:auto;margin:0% auto 0% auto;padding: 0px 0% 0% 0%;text-align:left;}
	
	
	/* .header li:nth-child(2) {pointer-events: none;
	margin: 0;padding: 0px 0px 0px 0px;
	display: flex; 
    -webkit-justify-content: center;
    height: 20px;
    color:#6F6F6F;text-align: center;line-height: 120%;
    justify-content: center;
    align-items: center; font-size:90%;font-weight: 400; border-left:1px solid #6F6F6F;}*/
/*
.header li:nth-child(2) a{margin: 0px auto 0px auto;color: #231815;}
.header li.current a,
.header li:nth-child(2) a:hover{color:#000;}*/
	
.equip4{width:100%;height:auto;margin:0px auto 0px auto;padding: 0% 0% 0px 0%;text-align:center;}

/* ===== f-container 共通 ===== */
.f-container2,
.f-container3,
.f-container4 {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

/* ===== 2カラム ===== */
.f-container2 { column-gap: 4.8%; }
.f-item2 {
  width: calc((100% - 4.8%) / 2);
  margin-top: 3%;
  text-align: left;
  font-size: clamp(0.8rem, 1.4vw, 0.9rem);
}

/* ===== 3カラム ===== */
.f-container3 { column-gap: 3.5%; margin-bottom:5% }
.f-item3 {
  width: calc((100% - 7%) / 3);  /* 3.5% × 2箇所 = 7% */
  margin-top: 3%;
  text-align: left;
  font-size: clamp(0.8rem, 1.4vw, 0.9rem);
}

	/* ===== 4カラム ===== */
.f-container4 {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  column-gap: 2.6%;margin-bottom: 2%;margin-top: 0%
}

.f-item4 {
  flex: 0 0 calc((100% - 7.8%) / 4 - 0.1%); /* 誤差吸収に -0.1% */
  margin-top: 2.5%;
  text-align: left;
  font-size: clamp(0.8rem, 1.4vw, 0.9rem);
}
	

/* ===== 画像共通 ===== */
.f-item2 img,
.f-item3 img,
.f-item4 img {
  width: 100%;
  display: block;
  margin: 0 auto;
}

.loca{width:100%;height:auto;margin:120px auto 0px auto;padding: 0px 0% 0px 0%;text-align:center;}
	.loca {
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding: 110px 0% 0px 0%;
  text-align: center;
  position: relative;
  overflow: hidden;
}

.loca::before,
.loca::after {
  content: '';
  position: absolute;
  left: 0;top:20%;
  width: 100%;
  height: 100%;
  background-image: url('../equipment/img/bg2.png'); 
  background-repeat: no-repeat;
  background-size: 100% auto;
  z-index: -1;
}
	
	
	
.loca1 {max-width:1000px;width:70%;height:auto;margin: 3% auto 3% auto;padding: 0% 0% 0px 0%;box-sizing: border-box;}
.loca2 {max-width:1200px;width:80%;height:auto;margin: 2% auto 0% auto;padding: 0% 0% 0px 0%;box-sizing: border-box;}
.loca3 {max-width:1200px;width:80%;height:auto;margin: 4% auto 7% auto;padding: 0% 0% 0px 0%;box-sizing: border-box;}
	.text3{font-size: clamp(16px, 3.2vw, 24px);width:90%;height: auto;margin: 2% auto 0px auto;padding: 0px 0px 0px 0px;color:#000;letter-spacing:0px;text-align:center;font-feature-settings: "palt";line-height: 160%;}
	
	.text33{font-size: clamp(16px, 3.2vw, 24px);width:90%;height: auto;margin: 7% auto 0px auto;padding: 0px 0px 0px 0px;color:#000;letter-spacing:0px;text-align:center;font-feature-settings: "palt";line-height: 160%;}
	
.text4{margin:3% 0% 0% 0% ;text-align:left;line-height: 160%; font-feature-settings: "palt";font-size: clamp(16px, 3.2vw, 24px);}

.loca4 {max-width:1200px;width:100%;height:auto;margin:5% auto 2% auto;padding: 5% 3% 3% 3%;box-sizing: border-box;background-color: #fff}	

.locabg{width:100%;height:auto;background: url("../modelhouse/img/locabg1.webp");background-repeat: no-repeat;background-position: top center;background-size:cover;padding: 60px 0px 20px 0px;position: relative;}
	
.modelbg{width:100%;height:auto;background: url("../modelhouse/img/locabg1.webp");background-repeat: no-repeat;background-position: top center;background-size:cover;padding: 60px 0px 20px 0px;position: relative;}
	
	
.locabg1{width:100%;height:auto;background: url("../location/img/bg.jpg");background-repeat: no-repeat;background-position: top center;background-size:cover;padding: 2% 0px 1% 0px;position: relative;background-color:#dedad4}
	
.map{width:70%;height:auto;margin:50px auto 0px auto;padding: 3% 0% 3% 0%;text-align:center;}
	
.locacap{width:70%;height: auto;margin: 1% auto 0px auto;padding: 2% 0px 7% 0px;color:#000;letter-spacing:0px;text-align:left;font-size: clamp(10px, 0.6vw, 14px);line-height: 160%;}
.locancap1{width:70%;height: auto;margin: 1% auto 0px auto;padding: 0px 0px 0% 0px;color:#000;letter-spacing:0px;text-align:right;font-size: clamp(10px, 0.6vw, 14px);line-height: 160%;}
.locacap2{max-width:1000px;width:70%;height: auto;margin: 1% auto 6% auto;padding: 0% 0px 0% 0px;color:#000;letter-spacing:0px;text-align:left;font-size: clamp(10px, 0.6vw, 14px);line-height: 160%;}
	
img{padding:0px; margin:0px; }



}

@media only screen and (min-width:751px) and (max-width:1200px) {
.map{width:80%;height:auto;margin:50px auto 0px auto;padding: 3% 0% 3% 0%;text-align:center;}

}