@charset "UTF-8";
/*-----------------------------------------------------
  Location Common
----------------------------------------------------- */
#main {padding-bottom:100px; background: #fbfaf8;}
.head_area {background:url("/bunjyo/predear-stage-ichinomiya/img/location/head.png") no-repeat;background-size:cover;background-position:center;margin-bottom: 0;}

.bg_green { background: #e4ede7; padding-top: 60px; }
.bg_green .intro_ttl { font-size: clamp(18px, 4vw, 25px); text-align: center; margin-bottom: clamp(20px, 6vw, 40px); }
.bg_green .main_map { margin-bottom: clamp(40px, 6vw, 60px); }
.bg_green .main_map picture { margin-bottom: 10px; }
.bg_green .main_map .cp { font-family: var(--a1gothic-font); text-align: right; }
.bg_green .en_icon { text-align: center; color: var(--mossgreen-color); font-size: 23px; margin-bottom: 20px; }
.bg_green .en_icon img { max-width: min(100% , 86px); display: block; margin: 0 auto 10px; }

.bg_green p.sec_ttl { font-size: clamp(16px, 4vw, 20px); color: #b18c81; text-align: center; margin-bottom: 30px;}
.bg_green article { margin-bottom: clamp(40px, 6vw, 60px); }

.catch { font-size: clamp(18px, 3vw, 21px); color: var(--mossgreen-color); }
.desc { font-size: clamp(13px, 3vw, 15px); }
.hours { font-size: clamp(11px, 2vw, 12px); font-family: var(--gothic-font);}
picture.name { margin: 10px 0; }
picture.img { margin-bottom: 10px; }
.supermarket picture.name { margin: 10px 0; max-width: min(100% , 630px); }
.dot_line { width: 100%; height: 1px; margin-top : 30px; margin-bottom: clamp(40px, 6vw, 60px); background-image: repeating-linear-gradient( to right, #8B4513, #8B4513 1px, transparent 1px, transparent 3px ); background-size: 4px 100%; background-repeat: repeat-x;  }

.bg_green .en_head { text-align: center; color: var(--mossgreen-color); font-size: clamp(18px, 3vw, 23px); margin: 10px 0 26px; }

.bg_green .hc-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; }
.bg_green .hc-card .img { margin-bottom: 12px; }
.bg_green .hc-card .img img { width: 100%; height: auto; display: block; }

.tanabata {background:#DCEAF5;padding-bottom:70px;}
.tanabata .tanabata_main {margin-bottom:60px;}
.tanabata .tanabata_inner { max-width: 900px; width: 90%; }
.tanabata .tanabata_inner .flex {display:flex;justify-content:space-between;gap:50px;}
.tanabata .tanabata_inner .flex .phtxt {max-width:254px;margin-top:10px;}

.anchor_obi {display:flex;justify-content:center;align-items:stretch;}
.anchor_obi .ph,
.anchor_obi .head_ttl {width:50%;}
.anchor_obi .head_ttl {background:#716864;display:flex;align-items:center;justify-content:center;}
.anchor_obi .ph {position:relative;}
.anchor_obi p.cp {position:absolute;right:5%;color:#fff;bottom:2%;}
.switch_nav { display: flex; justify-content: center; gap: 36px; margin: 40px auto; }
.switch_nav .btn { display: inline-flex; align-items: center; justify-content: center; background: #7c9d88; color: #fff; font-size: clamp(1rem, 0.94rem + 0.3vw, 1.25rem); letter-spacing: 0.08em; padding: 14px 56px; text-decoration: none; transition: opacity 0.2s ease; }
.switch_nav .btn:hover { opacity: 0.85; }

/*Access_anchor*/
#Access_anchor { margin-bottom: clamp(60px, 10vw, 100px); }
.access_hero { display: grid; grid-template-columns: 1fr 1fr; align-items: stretch; margin-bottom: clamp(30px, 3vw, 50px); }
.access_hero .hero-img { position: relative; }
.access_hero .hero-img picture,img { width: 100%; height: 100%; display: block; object-fit: cover; }
.access_hero .hero-img .cp { position: absolute; right: 10px; bottom: 8px; color: #fff; font-size: 12px; text-shadow: 0 1px 2px rgba(0,0,0,.45); }
.access_hero .panel { background: #7c9d88; display: flex; align-items: center; padding: 40px 30px; }
.access_hero .panel h2 { color: #fff; font-size: clamp(1.875rem, 1.4rem + 1.6vw, 2.75rem); letter-spacing: 0.05em; display: flex; align-items: baseline; gap: 14px; }
.access_hero .panel h2 .en { font-size: clamp(18px, 6vw, 38px); }
.access_hero .panel h2 .ja { font-size:clamp(10px, 2vw, 18px); opacity: 0.9; }

.bus_wrap { background: url("/bunjyo/predear-stage-ichinomiya/img/location/bus_bg.png")no-repeat; background-size: cover; border-radius: 50px; padding: 70px 50px 40px; position: relative; box-sizing: border-box; margin: 60px auto;}
.bus_wrap p { color: #fff; }
.bus_wrap .cp { position: absolute; right: 3%; top: 3%; }
.bus_wrap .info_area_inner + .cp { position: inherit; margin-top: 10px; }
.bus_wrap p.ttl { text-align: center; font-size: 34px; }
.bus_wrap p.txt { text-align: center; font-size: clamp(16px, 3vw, 23px); margin-bottom: clamp(20px, 5vw, 40px); }
.bus_wrap .info_area_inner { background: #fff; padding: 40px; box-sizing: border-box; }
.bus_wrap .bus_detail { margin-bottom: 20px; }
.bus_wrap .bus_kukan_ttl { max-width: clamp(90%, 10vw, 500px); margin: 0 auto 10px;; }

.train article { margin-bottom: clamp(30px, 3vw, 65px); }
.train .sec_ttl { text-align: center; font-size: clamp(18px, 3vw, 22px); margin-bottom: clamp(15px, 3vw, 30px); }
.train .txt { text-align: center; font-size: clamp(14px, 3vw, 15px); }
.train .access_img { margin-top: clamp(30px, 3vw, 65px);; }

.train .train_img01 > img {width:100%;height:440px;}
.train .train_img03 > img {width:100%;height:206px;}
.train .cp[data-size="w900"] { width: 90%; margin: 5px auto 0; }
.car .en_icon { text-align: center; color: #b18c81; font-size: 23px; margin-bottom: 20px; }
.car .en_icon img { max-width: min(100% , 97px); display: block; margin: 0 auto 10px; }
.sec_ttl { text-align: center; font-size: clamp(17px, 3vw, 22px); margin-bottom: clamp(15px, 3vw, 30px); }

.car_img01 { margin-bottom: 25px; }
.car_img02 p.cp { text-align: right; }
.car_img02 { margin-bottom: clamp(30px, 6vw, 90px);; }

/*Location_anchor*/
#Location_anchor { margin-bottom: clamp(80px, 6vw, 120px); }
#Location_anchor .access_hero { margin-bottom: 0; }

.shopping_contents .obi_bg { background: url("/bunjyo/predear-stage-ichinomiya/img/location/shopping_bg.png")no-repeat; background-size: cover; width: 100%; height: 200px; display: flex; align-items: center; justify-content: center; margin-bottom: 50px; }

.obi_bg { position: relative; }
.obi_bg h2 { color: #fff; font-size: clamp(1.875rem, 1.4rem + 1.6vw, 2.75rem); letter-spacing: 0.05em; display: flex; flex-direction: column; text-align: center; gap: 14px; }
.obi_bg h2 .en { font-size: clamp(18px, 6vw, 38px); }
.obi_bg h2 .ja { font-size: clamp(10px, 2vw, 18px); opacity: 0.9; }
.obi_bg .cp { position: absolute; right: 1%; bottom: 5%; color: #fff; }

.shops .en_head { text-align: center; color: var(--mossgreen-color); font-size: clamp(18px, 3vw, 23px); margin: 10px 0 25px; }
.shops .en_head.mgt-60 { margin-top: clamp(40px, 6vw, 60px); }
.shops-grid { display: grid; justify-content: center; gap: 36px; }
.shops-grid.col-3 { grid-template-columns: repeat(3, minmax(260px, 1fr)); }
.shops-grid.col-2 { grid-template-columns: repeat(2, 260px); }
.shop-card picture.ph { display: block; margin-bottom: 12px; }
.shop-card picture.ph img { width: 100%; height: auto; display: block; }
.shop-card picture.txt img { width: 100%; height: auto; display: block; }

.mall { margin: 0 auto; margin-top: clamp(40px, 6vw, 80px); }
.mall .mall_heading { text-align: center; margin-bottom: clamp(18px, 4vw, 30px); display: flex; flex-direction: column; align-items: center; gap: clamp(8px, 2vw, 14px); color: var(--mossgreen-color); font-size: clamp(14px, 3vw, 25px); line-height: 1.5; letter-spacing: 0.04em; font-family: var(--a1gothic-font); color: #b18c81; }
.mall .mall_heading .mall_icon { width: 86px; height: auto; }
.mall .mall_inner { background: #e6efe8; border-radius: 50px; padding: clamp(22px, 4vw, 40px); }
.mall .mall_grid { display: grid; grid-template-columns: repeat(2, minmax(320px, 1fr)); gap: clamp(20px, 4vw, 40px); align-items: start; }
.mall .mall_card picture.ph { display: block; margin-bottom: 10px; }
.mall .mall_card picture.ph img { width: 100%; height: auto; display: block; }
.mall .mall_card picture.txt img { width: 100%; height: auto; display: block; }
.mall .mall_card .desc { color: #b18c81; font-size: clamp(12px, 3vw, 13px); font-family: var(--a1gothic-font); margin-bottom: 10px; }

.sweets { margin: 50px auto; background: #faf5e5; border-radius: 50px; }
.sweets .icon { max-width: clamp(100px, 10vw, 135px); margin: 0 auto 20px; }
.sweets_bg { background: url("/bunjyo/predear-stage-ichinomiya/img/location/sweets_bg.png")no-repeat; background-size: cover; display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 50px 50px 0 0; padding: 30px 40px; position: relative; }
.sweets_bg p.ttl { font-size: clamp(15px, 6vw, 35px); color: #fff; text-align: center; }
.sweets_bg .cp { position: absolute; right: 2%; bottom: 2%; color: #fff; }
.sweets .lead { text-align: center; font-size: clamp(12px, 3vw, 15px); margin-bottom: 30px; line-height: 1.6; }
.sweets p.desc { font-family: var(--gothic-font); font-size: clamp(11px, 3vw, 13px);}
.sweets .shops-grid { gap: 30px; }
.sweets .sweets_inner { padding: 40px; box-sizing: border-box; }
.sweets .shops-grid.col-3 { grid-template-columns: repeat(3, minmax(240px, 1fr)); }
.sweets .shop-card picture.txt img { margin-bottom: 10px; }

.renewal_wrap {background:url("/bunjyo/predear-stage-ichinomiya/img/location/renewal_bg.png") no-repeat;background-size:100%;padding:100px 0 60px;}
.renewal_container {background:#fff;max-width:900px;width:90%;margin:0 auto;}
.renewal_inner {padding:0 50px 50px 50px;box-sizing:border-box;}
.renewal_main {margin-bottom:30px;}
.renewal_wrap .sec {margin-bottom:clamp(30px, 6vw, 60px);}
.renewal_wrap .sec:last-of-type {margin-bottom:clamp(20px, 6vw, 50px);}
.renewal_wrap .renewal_img {margin-bottom:10px;}
.renewal_wrap .txt {font-size:clamp(14px, 3vw, 15px);text-align:center;line-height:2;}
.renewal_wrap .renewal_intro {margin-bottom:60px;}
.renewal_wrap .renewal_ttl {color:var(--mossgreen-color);font-size:clamp(18px, 3vw, 23px);text-align:center;margin-bottom:20px;}
.renewal_wrap p.sec_txt {font-size:clamp(12px, 3vw, 13px);font-family:var(--gothic-font);margin-bottom:10px;}
.renewal_wrap .renewal_img {margin-bottom:30px;}
.renewal_wrap .renewal_sec02_img,
.renewal_wrap .sec .box {margin-bottom:20px;}
.renewal_wrap .sec picture {margin-bottom:10px;}

.education_contents .obi_bg { background: url("/bunjyo/predear-stage-ichinomiya/img/location/education_bg.png")no-repeat; background-size: cover; width: 100%; height: 200px; display: flex; align-items: center; justify-content: center; margin-bottom: 50px; }
.education .sec_head .sec_head_ttl img {max-width:125px;margin:0 auto;}
.education .sec_head p.annotation {position:absolute;right:5%;bottom:1%;color:#fff;}
.education_contents .education_contents {background:#e4ede7;margin-bottom:40px;}
.education_contents .education_contents_inner {padding: 40px;background: #e4ede7;box-sizing: border-box;margin: 30px auto;}
.education_contents .education_contents_flex {display:grid;gap:15px;grid-template-columns: 4fr 2fr;}
.education_contents .education_contents_flex:not(:last-child) {margin-bottom:50px;}
.education_contents .leftbox .ph { margin-bottom: 20px; }
.education_contents .leftbox .ph_txt { margin-bottom: 20px; }
.education_contents .leftbox p.txt13 {font-size:clamp(0.688rem, 0.656rem + 0.16vw, 0.813rem);}
.education_contents .rightbox {background:#fff;padding:5px;box-sizing:border-box;}
.education_contents .rightbox .subimg_ttl {font-size:clamp(0.938rem, 0.891rem + 0.23vw, 1.125rem);color:var(--blown-color);}
.education_contents .rightbox .txt12 {font-size:clamp(12px, 3vw, 13px);font-family: var(--gothic-font); padding:10px;box-sizing:border-box;margin-bottom:5px;}
.education_contents .rightbox article:not(:last-child) {margin-bottom:30px;}
.education_contents .kosodate_wrap .icon_img { max-width: min(40% , 245px); margin: 0 auto clamp(10px, 2vw, 20px); }
.education_contents .kosodate_wrap {background: #f4e8e0; border-radius: 50px; padding:50px;box-sizing:border-box; margin-bottom: clamp(60px, 6vw, 80px); }
.education_contents .kosodate_wrap article:not(:last-child) {margin-bottom:clamp(30px, 6vw, 50px);}
.education_contents .kosodate_wrap .kosodate_flex {display: grid; gap: 20px; grid-template-columns: 3fr 2fr;}
.education_contents .kosodate_wrap p.kosodate_ttl {text-align:center;color:#b18c81;font-size:clamp(1.125rem, 1.047rem + 0.39vw, 1.438rem);margin-bottom:20px;font-family: var(--a1gothic-font);}
.education_contents .kosodate_wrap p.kosodate_ttl + .annotation {text-align:center;margin-bottom:20px;}
.education_contents .kosodate_wrap .detail p.kosodate_ttl {margin-bottom:0;}
.education_contents .kosodate_wrap p.txt {font-size:clamp(0.813rem, 0.828rem + -0.08vw, 0.75rem);margin-bottom:20px;font-family: var(--gothic-font);}
.education_contents .kosodate_wrap p.time {font-size:clamp(0.625rem, 0.594rem + 0.16vw, 0.75rem);margin-top:10px;font-family: var(--a1gothic-font);}
.education_contents .kosodate_wrap .link_btn {background:#b18c81;color:#fff;max-width:250px;width:100%;padding:10px;box-sizing:border-box;display:block;font-size:14px;margin-top:10px;text-align:center;transition:.5s;font-family: var(--a1gothic-font);}
.education_contents .kosodate_wrap .link_btn:hover {background:var(--blown);}
.education_contents .mimamori_flex {display: grid;justify-content: space-between; grid-template-columns: 1fr 1fr 1fr;gap: 25px; margin-top: 15px;}
.education_contents .mimamori_flex .blk {display:flex;flex-direction:column;max-width: initial;width: 100%;}
.education_contents .mimamori_flex .blk .ph {margin-bottom:10px;}
.education_contents .mimamori_flex .blk .blk_ttl {font-size:clamp(14px, 10vw, 17px);color:#b18c81;font-family: var(--a1gothic-font);}
.education_contents .mimamori_flex .blk .blk_ttl span {font-size:80%;color:#373737;margin-left:5px;}
.education_contents .mimamori_flex .blk .blk_txt {font-size:clamp(11px, 10vw, 13px);font-family: var(--gothic-font); margin-bottom:10px;}
.education_contents .mimamori_flex .kosodate_ph02_txt,
.education_contents .mimamori_flex .kosodate_ph03_txt,
.education_contents .mimamori_flex .link_btn {margin-top:auto;}
.education_contents .kosodate_wrap .cp { margin-top: 5px; }

.park_contents { margin-bottom: 60px; }
.park_contents .obi_bg { background: url("/bunjyo/predear-stage-ichinomiya/img/location/park_bg.png")no-repeat; background-size: cover; width: 100%; height: 200px; display: flex; align-items: center; justify-content: center; margin-bottom: 50px; }
.park_contents .shops-grid.col-3 { margin-bottom: 20px; } 
.park_contents .shops-grid.col-2 { grid-template-columns: repeat(2, 1fr); } 
.park_contents .desc { color: #b18c81; font-size: clamp(14px, 10vw, 18px); margin-bottom: 10px; }

.nurserysc { margin: 0 auto clamp(30px, 6vw, 60px); }
.nurserysc .ttl { font-size: 23px; text-align: center; color: var(--mossgreen-color); margin-bottom: 20px; }

.lesson { margin: 0 auto 60px;}
.lesson .en { max-width: min(90% , 100px); margin: 0 auto 15px; }
.lesson p.txt { color: #b18c81; text-align: center; font-family: var(--a1gothic-font); font-size: clamp(18px, 3vw, 21px); margin-bottom: 15px; }

.gourmet_contents { margin-bottom: 60px; }
.gourmet_contents .obi_bg { background: url("/bunjyo/predear-stage-ichinomiya/img/location/gourmet_bg.png")no-repeat; background-size: cover; width: 100%; height: 200px; display: flex; align-items: center; justify-content: center; margin-bottom: 50px; }
.gourmet_contents .shops-grid.col-3 { margin-bottom: 20px; } 

.medical_contents { margin-bottom: 60px; }
.medical_contents .obi_bg { background: url("/bunjyo/predear-stage-ichinomiya/img/location/medical_bg.png")no-repeat; background-size: cover; width: 100%; height: 200px; display: flex; align-items: center; justify-content: center; margin-bottom: 50px; }
.medical_contents .shops-grid.col-3 { margin-bottom: 40px; } 
.medical_contents .shops-grid.col-2 { margin-bottom: 40px; }
.medical_contents .clinic { margin-top: clamp(20px, 6vw, 45px); }
.medical_contents .clinic .sec_ttl { color: var(--mossgreen-color); }
.medical_contents .shops-grid.col-2.fr1 { grid-template-columns: 1fr 1fr; }
.medical_contents .shops-grid.col-1 { grid-template-columns: repeat(1, 425px); }
.medical_contents .shops-grid .desc { font-size: clamp(12px, 3vw, 13px); margin-top: 5px; }

.bank_contents { margin-bottom:clamp(50px, 6vw, 90px); }
.bank_ttl { border-top: 1px solid #b18c81; border-bottom: 1px solid #b18c81; padding: 10px 0; font-size: 25px; text-align: center; color: #b18c81; margin-bottom: clamp(10px, 6vw, 30px); }

@media only screen and (max-width: 980px){
  .shops-grid.col-3 { grid-template-columns: repeat(2, minmax(260px, 1fr)); }
  .shops-grid.col-2 { grid-template-columns: repeat(2, minmax(260px, 1fr)); }
  .sweets .shops-grid.col-3 { grid-template-columns: repeat(2, minmax(240px, 1fr)); }
  .mall .mall_grid { grid-template-columns: 1fr; }
}

/*　600pxからレスポンシブ*/
@media only screen and (max-width: 600px){
  .head_area { background: url(/bunjyo/predear-stage-ichinomiya/img/location/head_sp.png) no-repeat; background-size: cover; background-position: center; }
  .bg_green .hc-grid { grid-template-columns: 1fr; gap: 0; }
  
	.tanabata { padding-bottom: 40px; }
	.tanabata .tanabata_main {margin-bottom:30px;}
	.tanabata .tanabata_inner .flex {display:block;}
	.tanabata .tanabata_inner .flex .box {margin-bottom:30px;}
	.tanabata .tanabata_inner .flex .box:last-child {margin-bottom:0;}
  .bg_green .main_map .cp { text-align: left; }

  .switch_nav { gap: 12px; margin: 24px 0; }
  .switch_nav .btn { padding: 10px 24px; font-size: 1rem; }
  .access_hero .panel h2 { gap: 5px; }
  .access_hero .panel { padding: 34px 16px; }
  .shops-grid.col-3,
  .shops-grid.col-2,
  .sweets .shops-grid.col-3{ grid-template-columns: 1fr; justify-content: center; gap: 20px; }
  
	.renewal_wrap {padding-bottom:60px;}
	.renewal_inner {padding:0 20px 30px 20px;}
	.renewal_wrap .sec:last-of-type {margin-bottom:30px;}
	.renewal_wrap .renewal_img {margin-bottom:0;}
	.renewal_wrap .renewal_intro {margin-bottom:30px;}
	.renewal_wrap .renewal_sec02_img,
	.renewal_wrap .sec .box {margin-bottom:30px;}
	.education_contents [data-size="w900"] {padding:40px 0 0;}
	.education_contents .education_contents_inner {padding:30px 20px;}
	.education_contents .education_contents_flex {grid-template-columns: 1fr;}
	.education_contents .education_contents_flex:not(:last-child) {margin-bottom:30px;}
	.education_contents .rightbox {padding:10px;}
	.education_contents .rightbox .ph {margin-bottom:0;}
	.education_contents .rightbox .txt12 {margin-top:5px;padding:5px 0;}
	.education_contents .kosodate_wrap { border-radius: 20px;padding:30px 20px;}
	.education_contents .kosodate_wrap .mainimg {margin-bottom:5px;}
	.education_contents .kosodate_wrap .kosodate_flex {grid-template-columns: 1fr;gap: 0;}
	.education_contents .kosodate_wrap p.kosodate_ttl + .annotation {text-align:left;}
	.education_contents .kosodate_wrap .detail p.kosodate_ttl {text-align:center;}
	.education_contents .mimamori_flex {display:block;}
	.education_contents .mimamori_flex .blk {margin-bottom:30px;}
	.education_contents .kosodate_wrap .link_btn {max-width:inherit;width:100%;}
  .bus_wrap { border-radius: 30px; padding: 50px 20px 30px; }
  .bus_wrap .info_area_inner { padding: 20px; }
  .train .train_img01 > img { max-width: initial; width: initial; height: 250px; margin-bottom: 10px; }
  .train .train_img03 > img { max-width: initial; width: initial; height: 150px; margin-bottom: 10px; }
  .shopping_contents .obi_bg { background: url("/bunjyo/predear-stage-ichinomiya/img/location/shopping_bg_sp.png")no-repeat; background-size: cover; width:100%; height: 110px; margin-bottom: 30px; }
  .park_contents .obi_bg { background: url("/bunjyo/predear-stage-ichinomiya/img/location/park_bg_sp.png")no-repeat; background-size: cover; width:100%; height: 110px; margin-bottom: 30px; }
  .education_contents .obi_bg { background: url("/bunjyo/predear-stage-ichinomiya/img/location/education_bg_sp.png")no-repeat; background-size: cover; width:100%; height: 110px; margin-bottom: 30px; }
  .gourmet_contents .obi_bg { background: url("/bunjyo/predear-stage-ichinomiya/img/location/gourmet_bg_sp.png")no-repeat; background-size: cover; width:100%; height: 110px; margin-bottom: 30px; }
  .medical_contents .obi_bg { background: url("/bunjyo/predear-stage-ichinomiya/img/location/medical_bg_sp.png")no-repeat; background-size: cover; width:100%; height: 110px; margin-bottom: 30px; }
  .medical_contents .shops-grid.col-2.fr1 { grid-template-columns: 1fr; }
  .obi_bg h2 { gap: 5px; }
  .mall .mall_heading .mall_icon { width: 66px; }
  .mall .mall_inner { border-radius: 20px; }
  .sweets_bg { border-radius: 20px 20px 0 0; }
  .sweets { border-radius: 20px; }
  .sweets .sweets_inner { padding: 20px 17px; }
  .medical_contents .shops-grid.col-1 , .park_contents .shops-grid.col-2 { grid-template-columns: 1fr; }
  .Location_anchor { margin-bottom: 100px; }
}