@charset "UTF-8";

/*==================================================================
  location.css  ―  グローベル浦和 ザ・ヒルズ / LOCATION 専用スタイル
  ・共通CSS(base / margin_padding / width / common / hd_ft ほか)を土台に
    ロケーションページ固有のレイアウトのみを定義。
  ・ブレイクポイントは既存踏襲で 801px（〜800px=スマホ / 801px〜=PC）。
  ・見出し・本文はライブテキスト（英字=Minion Pro / 和文=Noto Serif JP）。
==================================================================*/

/*---------- 全体トーン ----------*/
:root{
	--loc-gold:#97854a;      /* スクリプト見出し・ライン */
	--loc-gold2:#b7ac79;
	--loc-ink:#231815;       /* 和文本文 */
	--loc-red:#8b1a1f;       /* バッジ赤 */
	--loc-band:#c8bb96;      /* サポート帯（ゴールド地） */
	--loc-dark:#2a2723;      /* 社寺帯（ダーク地） */
}

/*---------- メインビジュアル ----------*/
.loc_main{
	clear:both;
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	position:relative;
}
.loc_main img{ width:100%; height:auto; }

/*---------- 大見出し（LOCATIONキャッチ） ----------*/
.loc_catch{
	clear:both;
	width:92%;
	max-width:900px;
	margin:0 auto;
	font-family: "noto-serif-jp", 'ＭＳ Ｐ明朝', 'MS PMincho', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', sans-serif;
	font-weight:500;
	text-align:center;
	color: #231815;
	letter-spacing:0.12em;
	line-height:150%;
	font-size:5.6vw;
}
@media print,screen and (min-width:801px){
	.loc_catch{ font-size:30px; letter-spacing:0.16em; }
}

/*---------- スクリプト見出し（Shopping / Healing & Wellness / Life Support） ----------*/
.loc_script{
	clear:both;
	width:100%;
	margin:0 auto;
	font-family:'Minion Pro Italic','Minion Pro Regular',serif;
	font-style:italic;
	text-align:center;
	color:var(--loc-gold);
	letter-spacing:0.04em;
	line-height:100%;
	font-size:8vw;
}
@media print,screen and (min-width:801px){
	.loc_script{ font-size:40px; }
}

/*---------- セクションリード（中央・明朝） ----------*/
.loc_lead{
	clear:both;
	width:92%;
	max-width:820px;
	margin:0 auto;
	font-family: "noto-serif-jp", 'ＭＳ Ｐ明朝', 'MS PMincho', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', sans-serif;
	font-weight:500;
	text-align:center;
	color: #231815;
	letter-spacing:0.08em;
	line-height:170%;
	font-size:4.4vw;
	font-feature-settings: "palt";/*（自動カーニング）*/
}
.loc_lead.fff{ color:#fff; }
@media print,screen and (min-width:801px){
	.loc_lead{ font-size:23px; letter-spacing:0.1em; }
}

/*---------- 小見出し（ボックス内・明朝ボールド） ----------*/
.loc_head{
	clear:both;
	width:100%;
	font-family: "noto-serif-jp", 'ＭＳ Ｐ明朝', 'MS PMincho', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', sans-serif;
	font-weight:500;
	text-align:left;
	color: #231815;
	letter-spacing:0.04em;
	line-height:150%;
	font-size:3.6vw;
	font-feature-settings: "palt";/*（自動カーニング）*/
}
.loc_head.fff01{ color:#fff; }
@media print,screen and (min-width:801px){
.loc_head{
	font-size:18px;
	line-height:166%;
}
}

/*---------- 英語＋和文セクションラベル（EDUCATION / 教育施設 など） ----------*/
.loc_seclabel{
	clear:both;
	width:100%;
	margin:0 auto;
	margin:0;
	padding: 0;
	text-align:center;
}
.loc_seclabel .en{
	display:inline-block;
	position:relative;
	font-family:'Minion Pro Regular',serif;
	color:var(--loc-gold);
	letter-spacing:0.22em;
	font-size:4.4vw;
	line-height:100%;
	padding:0 1.1em;
}
.loc_seclabel .en::before,
.loc_seclabel .en::after{
	content:"";
	position:absolute;
	top:50%;
	width:34px;
	height:1px;
	background:var(--loc-gold2);
}
.loc_seclabel .en::before{ right:100%; }
.loc_seclabel .en::after{ left:100%; }
.loc_seclabel .jp{
	display:block;
	margin-top:0.7em;
	font-family: "noto-serif-jp", 'ＭＳ Ｐ明朝', 'MS PMincho', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', sans-serif;
	font-weight:500;
	color: #231815;
	letter-spacing:0.28em;
	font-size:3.6vw;
	line-height:100%;
}
.loc_seclabel.fff .jp{ color:#fff; }
.loc_seclabel.fff .en{ color:var(--loc-gold2); }
@media print,screen and (min-width:801px){
	.loc_seclabel .en{ font-size:20px; }
	.loc_seclabel .en::before,.loc_seclabel .en::after{ width:48px; }
	.loc_seclabel .jp{ font-size:15px; }
}


.loc_seclabel hr{
	clear:both;
	width:90%;
	height: 1px;
	margin:7px auto 8px;
	text-align:center;
	
	border: none;
	border-bottom: 1px solid #9fa0a0;
}



/*---------- 本文（明朝・両端揃え） ※共通 contents_txt2 を基本利用。補助 ----------*/
.loc_txt{
	clear:both;
	width:100%;
	font-family: "noto-serif-jp", 'ＭＳ Ｐ明朝', 'MS PMincho', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', sans-serif;
	font-weight:400;
	text-align:justify;
	color: #231815;
	letter-spacing:0.04em;
	line-height:160%;
	font-size:2.8vw;
	font-feature-settings: "palt";/*（自動カーニング）*/
}
.loc_txt.fff01{ color:#fff; }
.loc_txt.center{ text-align:center; }
@media print,screen and (min-width:801px){
.loc_txt{
	font-size:14px;
	line-height:186%;
}
}

/*---------- 写真キャプション（明朝・共通cap01と併用可） ----------*/
.loc_cap{
	clear:both;
	width:100%;
	margin-top:0.4em;
	font-family:'Noto Serif JP','NotoSerifCJKjp',serif;
	color:#3a332e;
	text-align:right;
	letter-spacing:0.02em;
	line-height:135%;
	font-size:2.6vw;
}
.loc_cap.left{ text-align:left; }
.loc_cap.center{ text-align:center; }
.loc_cap.fff{ color:#efe9df; }
.loc_cap .note{ display:block; font-size:0.88em; }
@media print,screen and (min-width:801px){
	.loc_cap{ font-size:12px; }
}

/*---------- 写真（角丸・レスポンシブ） ----------*/
.loc_ph01{
	clear:both;
	width:100%;
	margin:0;
	padding: 0;
	position: relative;
}
@media print,screen and (min-width:801px){
.loc_ph01{
	width:46%;
	max-width: 460px;
}
}
.loc_ph{ position:relative; }
.loc_ph img{ width:100%; height:auto; vertical-align:top; }

/*---------- バッジ（テナント数 / 開業周年） ----------*/
.loc_badge{
	position:absolute;
	top:10px;
	right:10px;
	width:64px;
	height:64px;
	border-radius:50%;
	background:radial-gradient(circle at 50% 35%, #a3242a, #6d1015);
	box-shadow:0 0 0 2px rgba(255,255,255,0.85) inset, 0 2px 6px rgba(0,0,0,0.35);
	color:#fff;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	font-family:'Noto Serif JP',serif;
	line-height:1;
	z-index:3;
}
.loc_badge .t{ font-size:9px; letter-spacing:0.06em; }
.loc_badge .n{ font-size:26px; font-weight:700; margin:1px 0; }
.loc_badge .s{ font-size:9px; letter-spacing:0.1em; }
@media print,screen and (min-width:801px){
	.loc_badge{ width:82px; height:82px; top:14px; right:14px; }
	.loc_badge .t{ font-size:11px; }
	.loc_badge .n{ font-size:34px; }
	.loc_badge .s{ font-size:11px; }
}

.loc_badge1{
	clear: both;
	width: 20%;
	height: auto;
	margin: 0;
	padding: 0;
	position:absolute;
	top:10px;
	right:10px;
	z-index:10;
}
@media print,screen and (min-width:801px){
.loc_badge1{
	width: 100px;
	top:10px;
	right:10px;
}
}


/*---------- カテゴリバッジ（米・自然食品 など：左上ピル） ----------*/
.loc_tag{
	position:absolute;
	top:8px;
	left:8px;
	padding:3px 9px;
	background:linear-gradient(180deg,#8b1a1f,#6d1015);
	color:#fff;
	font-family:'Noto Sans JP',sans-serif;
	font-weight:700;
	font-size:2.6vw;
	letter-spacing:0.04em;
	line-height:1;
	border-radius:3px;
	z-index:3;
}
@media print,screen and (min-width:801px){
	.loc_tag{ font-size:12px; padding:4px 10px; }
}

/*---------- フィーチャーボックス（大写真＋見出し＋本文＋サブ写真） ----------*/
.loc_feat{ clear:both; width:100%; }
.loc_feat_row{
	clear:both;
	width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:flex-start;
}
@media print,screen and (min-width:801px){
	.loc_feat_row.rev{ flex-direction:row-reverse; }
}
.loc_feat_txtcol{
	width:100%;
}
.loc_feat_phcol{
	width:100%;
}
@media print,screen and (min-width:801px){
.loc_feat_txtcol{
	width:36.4%;
	max-width: 364px;
}
.loc_feat_phcol{
	width:58%;
	max-width: 580px;
}
}

/*---------- 2カラム（コルソ / 伊勢丹 など、写真＋文章の並列） ----------*/
.loc_two{
	clear:both;
	width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.loc_two > .col{ width:100%; }
@media print,screen and (min-width:801px){
	.loc_two > .col{ width:48%; }
}

/*---------- 2枚並び サブ写真 ----------*/
.loc_ph2{
	clear:both;
	width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.loc_ph2 .item{
	width:48.276%;
}
@media print,screen and (min-width:801px){
.loc_ph2 .item{
	width: 280px;
}
}
/*---------- 3カラム / 汎用グリッド ----------*/
.loc_grid{
	clear:both;
	width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.loc_grid::after{ content:""; width:31.5%; }   /* 3カラム最終行の左寄せ */
.loc_grid .g{
	width:47%;                 /* スマホ=2カラム */
	margin-bottom:22px;
}
@media print,screen and (min-width:801px){
	.loc_grid .g{ width:31.5%; margin-bottom:34px; }
}
/* 4カラム（サポート帯） */
.loc_grid.col4 .g{ width:47%; }
@media print,screen and (min-width:801px){
	.loc_grid.col4 .g{ width:23%; margin-bottom:0; }
	.loc_grid.col4::after{ width:23%; }
}
/* 3カラム固定（本来3枚） */
.loc_grid.col3 .g{ width:47%; }
@media print,screen and (min-width:801px){
	.loc_grid.col3 .g{ width:31.5%; }
}

/*---------- 帯：サポート（ゴールド地） ----------*/
.loc_band_gold{
	clear:both;
	width:100%;
	margin:0;
	padding:0;
/*	background:var(--loc-band);*/
	background: #d1c9ad;
}
/*---------- 帯：社寺（ダーク地） ----------*/
.loc_band_dark{
	clear:both;
	width:100%;
	margin:0;
	padding:0;
	background:var(--loc-dark);
	background-image:linear-gradient(180deg,#211d19,#332e28);
}

/*---------- NEW OPEN ボックス ----------*/
.loc_newopen{
	clear:both;
	width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
}
.loc_newopen .txt{
	width:100%;
	box-sizing:border-box;
	border:1px solid var(--loc-gold2);
	padding:22px 20px;
}
.loc_newopen .ph{ width:100%; margin-top:18px; }
@media print,screen and (min-width:801px){
	.loc_newopen .txt{ width:46%; padding:34px 32px; margin-left:2%; order:1; }
	.loc_newopen .ph{ width:50%; margin-top:0; order:2; }
}
/* 画像未定：グレーのプレースホルダー枠 */
.loc_ph_placeholder{
	width:100%;
	aspect-ratio:16/10;
	background:#d7d5d2;
	position:relative;
}
.loc_ph_placeholder::after{
	content:"COMING SOON";
	position:absolute;
	top:50%; left:50%;
	transform:translate(-50%,-50%);
	font-family:'Minion Pro Regular',serif;
	letter-spacing:0.2em;
	color:#8f8b86;
	font-size:14px;
}

/*---------- LIFE INFORMATION マップ ----------*/
.loc_map{ clear:both; width:100%; }
.loc_map img{ width:100%; height:auto; }

/*---------- 施設一覧テーブル ----------*/
.loc_list{
	clear:both;
	width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.loc_list_col{ width:100%; }
@media print,screen and (min-width:801px){
	.loc_list_col{ width:47%; }
}
.loc_list_cat{
	margin-bottom:26px;
}
.loc_list_head{
	font-family: "noto-serif-jp", 'ＭＳ Ｐ明朝', 'MS PMincho', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', sans-serif;
	font-weight: 500;
	color:#231815;
	font-size:3.4vw;
	letter-spacing:0.04em;
	padding-bottom:6px;
	padding-bottom:12px;
}
.loc_list_head::before{ content:"■ "; color:#231815; }
@media print,screen and (min-width:801px){
	.loc_list_head{ font-size:15px; }
}
.loc_list_row{
	display:flex;
	justify-content:space-between;
	align-items:baseline;
	gap:8px;
	border-top:1px solid #cfcac2;
	padding:9px 0;
	font-family: "noto-serif-jp", 'ＭＳ Ｐ明朝', 'MS PMincho', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', sans-serif;
	font-weight: 400;
	color:#231815;
	font-size:2.9vw;
	line-height:135%;
}
.loc_list_row:last-child{ border-bottom:1px solid #cfcac2; }
.loc_list_row .nm{ text-align:left; }
.loc_list_row .ds{ text-align:right; white-space:nowrap; letter-spacing:0.02em; }
@media print,screen and (min-width:801px){
	.loc_list_row{ font-size:12.5px; padding:8px 0; }
}

/*---------- 注釈 ----------*/
.loc_notes{
	clear:both;
	width:100%;
	font-family:'Noto Sans JP',sans-serif;
	color:#5a534d;
	font-size:2.6vw;
	line-height:170%;
	letter-spacing:0.02em;
}
.loc_notes p{ padding-left:1em; text-indent:-1em; }
@media print,screen and (min-width:801px){
	.loc_notes{ font-size:12px; }
}




.lo_flex1{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	position: relative;
}
.lo_flex1.m02{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
@media print,screen and (min-width:801px){
.lo_flex1{
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}
.lo_flex1.m01{
	align-items: center;
}
}
.lo_flex1_fl1,
.lo_flex1_fr1{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	position: relative;
}
@media print,screen and (min-width:801px){
.lo_flex1_fl1{
	width: 30%;
	max-width: 300px;
	
/*	background: #E777E4;*/
}
.lo_flex1_fl1.m01{
	margin: 0 auto;
	
}
.lo_flex1_fr1{
	width: 65%;
	max-width: 650px;
}
}
.lo_flex1_fl2{
	clear: both;
	width: 48.6%;
	height: auto;
	margin: 0;
	padding: 0;
	position: relative;
}
@media print,screen and (min-width:801px){
.lo_flex1_fl2{
	width: 30%;
	max-width: 300px;
}
}


.lo_location_bg1{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	position: relative;
	background-image: url("../img/location/loc_band_dark_bg1s@2x.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
}
@media print,screen and (min-width:801px){
.lo_location_bg1{
	background-image: url("../img/location/loc_band_dark_bg1.jpg");
}
}


.tsugakushitei1{
	clear: both;
	width: 98px;
	height: auto;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	right: 0;
}
@media print,screen and (max-width:800px){
.tsugakushitei1{
	width: 30%;
}
}