@charset "utf-8";
/*
	ステーション スマホ
	Last Update:2026/03/05
	Auther: murakami
*/
#body {
	font-family: 'Noto Sans JP', sans-serif;
	padding: 0;
}
#body, #body * { box-sizing:border-box; }
#body .center { width:100%; padding-left:20px; padding-right:20px; }
#body .center2 { width:100%; padding-left:20px; padding-right:20px; }

#pankuzu_navi {
	margin-bottom: 0;
}

.page_title2 {
	display:flex;
	align-items: center;
	justify-content: center;
	font-size: 26px;
	margin-bottom:0;
	background-image: url(../image/station_top.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	height: 120px;
	padding:0;
	color:#fff;
	font-weight:500;
	line-height:1.3;
}

.store_hl1 {
	font-size: 26px;
	text-align: center;
	margin-bottom: 30px;
}

.store_hl1::after {
	content: "";
	display: block;
	width: 40px;
	height: 4px;
	margin: 12px auto 0;
	background-color: #00A838;
}

.store_list_wrap {
	padding-top: 50px;
}

.select_city_wrap {
	display: flex;
	justify-content: start;
	margin-bottom:40px;
	flex-wrap:wrap;
	gap:10px;
}

a.select_city {
	display: inline-block;
	width: 31%;
	padding: 12px 10px;
	border: 1.5px solid #00A838;
	border-radius: 999px;
	text-decoration: none;
	text-align: center;
	font-size: 16px;
	line-height: 1.2;
	color:#000;
	background-color: #fff;
	margin: 0;
	transition: background-color 0.2s, border-color 0.2s, color 0.2s;
	text-decoration: none;
	font-weight: 500;
}

.select_city:hover,
.select_city:focus {
	background-color: #00A838;
	color: #fff;
}

.select_city.is-selected {
	background-color: #00A838;
	border-color: #00A838;
	color: #fff;
}

.store_city_heading {
	font-size: 20px;
	font-weight: 700;
	line-height: 1.4;
	color: #333;
	background-color: #F0F8F1;
	border-left: 4px solid #00A838;
	padding: 10px 16px;
	margin: 0 0 30px;
	text-align:left;
}

.store_group {
	padding-bottom:30px;
}

.store_card { margin-bottom:25px; display:flex; align-items:start; padding:0 0 25px; border-bottom:1px dotted #ddd; }
.store_card .store_card_image { border-radius:10px; overflow:hidden; aspect-ratio:308 / 229; width:30%; }
.store_card .store_card_image a:hover { opacity:0.7; }
.store_card .store_card_image img {
	width: 100%;
	height: 100%;
	object-fit:cover;
}

.store_card .store_card_body {
	padding: 0 0 0 15px;
	text-align:left;
	flex:1 0 0;
}

.store_card .store_name {
	font-size: 20px;
	font-weight: 500;
	padding-left: 30px;
	line-height: 1.35;
	background-image: url("../image/arrow.png");
	background-repeat: no-repeat;
	background-position: left top 4px;
	background-size: 20px auto;
}

.store_card .store_name a {
	color: #333;
	text-decoration: none;
	line-height:1.0;
}

.store_card .store_icon {
	font-size: 15px;
	line-height: 1.5;
	padding-left: 30px;
	background-repeat: no-repeat;
	background-position: left 1px top 6px;
	background-size: auto 17px;
	margin-top:6px;
}

.store_card .store_address {
	background-image: url("../image/icon_pin.png");
}

.store_card .store_tel {
	background-image: url("../image/icon_phone.png");
}

.store_card .store_time {
	background-image: url("../image/icon_time.png");
}

/* 詳細ページ */
.page_title3 {
	display:flex;
	align-items: center;
	justify-content: center;
	font-size: 24px;
	margin-bottom:0;
	background:#23803d url(../image/station_title.jpg); no-repeat center center / cover;
	height: 90px;
	padding:0;
	color:#fff;
	font-weight:500;
}

.store_hl3 { margin-bottom:30px; border-left:4px solid #00A838; line-height:1.3; font-size:22px; font-weight:500; padding:0 0 0 15px; }
.store_hl4 { text-align:center; margin-bottom:40px; }
.store_hl4 .main { font-family:"Jost", sans-serif; font-size:32px; font-weight:500; letter-spacing:0.08em; }
.store_hl4 .sub { color:#36AF31; font-size:17px; font-weight:500; letter-spacing:0.08em; }

.store_map iframe { width:100%; height:75vw; max-height:406px; }

.store_slide_wrap { margin-top:40px; text-align:center; }
.store_slide_wrap button { display:block; border:none; }
.store_slide_main { max-height:436px; overflow:hidden; }
.store_slide_main .unit_wrap { display:inline-block; width:100vw; max-width:783px; padding:0 20px; }
.store_slide_main .unit { border-radius:10px; overflow:hidden; aspect-ratio:743 / 436; }
.store_slide_main .unit img { object-fit:cover; width:100%; height:100%; }
.store_slide_main .slick-arrow { position:absolute; top:50%; transform:translateY(-50%); z-index:3; aspect-ratio:1 / 1; width:42px; text-indent:-9998px; background:#CBCBCB; border-radius:50%; }
.store_slide_main .slick-next{ left:0; background:url(../image/slide_button_left.png) no-repeat center center / cover; left:0; }
.store_slide_main .slick-prev { right:0; background:url(../image/slide_button_right.png) no-repeat center center / cover; right:0; }

.store_slide_sub .slick-dots { display:flex !important; gap:10px; flex-wrap:wrap; margin-top:20px; }
.store_slide_sub .slick-dots li { aspect-ratio:81 / 58; max-width:20%; width:81px; cursor:pointer; }
.store_slide_sub .slick-dots img { object-fit:cover; width:100%; height:100%; }
.store_slide_sub .slick-dots .slick-active { border:4px solid #00A838; }
.store_slide_sub .slick-dots li:hover { opacity:0.7; }

.store_detail_comment_wrap { margin-top:40px; margin-bottom:60px; text-align:left; }
.store_detail_comment { font-size:15px; }

.store_detail_info_wrap { padding-top:60px; padding-bottom:60px; background:#F0F8F1; }
.store_detail_info_wrap .store_detail_box { position:relative; background:#fff; border-radius:10px; padding:15px 15px; margin-bottom:45px; text-align:left; }
.store_detail_info_wrap .store_detail_box::before { content:""; position:absolute; bottom:100%; right:0; width:100px; height:48px; background:url(../image/box_back.png) no-repeat bottom right / contain; }
.store_detail_info dl + .store_detail_info dl { margin-top:30px; }
.store_detail_info dl { display:flex; align-items:stretch; border-bottom:1px solid #DBDBDB; min-height:40px; }
.store_detail_info dl > * { padding-left:5px; }
.store_detail_info dl > dt { border-bottom:1px solid #36AF31; font-weight:bold; font-size:15px; width:80px; display:flex; align-items:center; }
.store_detail_info dl > dd { font-size:14px; padding-top:3px; flex:1 0 0; padding-top:15px; padding-bottom:15px; }
.store_detail_info .store_detail_attention2 { grid-column-start:1; grid-column-end:3; }

.store_detail_back { padding-top:45px; padding-bottom:45px; }

a.button_store_detail_back { display:inline-flex; border-radius:30px; align-items:center; justify-content:center; max-width:100%; text-decoration:none; border:none; width:200px; height:52px; background:#E8E8E8; }
.button_store_detail_back > .main { color:#000; font-size:16px; font-weight:500; }
a.button_store_detail_back:hover { opacity:0.7; }