@charset "UTF-8";
/* モーダル用CSS
========================================*/
.shopSec {
	position:relative;
}
.shopSec .closebtn {
	position:absolute;
}
.shopSec .shopBox {
	text-align:center;
}
.shopSec .shopBox h2 {
	color:#ed6d00;
	font-weight:bold;
}
@media screen and (max-width: 767px) {
	.shopSec .shopBox h2 {
		font-size:5.25vw;
		line-height:100%;
	}
}
@media print, screen and (min-width: 768px) {
	.shopSec .shopBox h2 {
		font-size:214.28571%;
		line-height:130%;
	}
}
.shopSec .shopBox .searchBox {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
	justify-content:flex-start;
	background:#fff;
	box-sizing:border-box;
}
.shopSec .shopBox .searchBox input[type="text"] {
	background:none;
	border:0;
	box-sizing:border-box;
}
.shopSec .shopBox .searchBox button[type="submit"] {
	background:none;
	border:0;
	display:inline-block;
}

/* SPonly */
@media screen and (max-width: 719px) {
	.pconly {
		display:none;
	}
	.shopSec {
		padding:17.5vw 2.5vw 3.75vw;
	}
	.shopSec .closebtn {
		top:3.75vw;
		right:3.75vw;
	}
	.shopSec .closebtn img {
		width:18.75vw;
	}
	.shopSec .shopBox h2 {
		line-height:130%;
		margin-bottom:7.5vw;
	}
	.shopSec .shopBox .searchBox {
		border:1px solid #333;
		border-radius:1.25vw;
		margin:3.75vw auto;
		height:11.25vw;
		width:100%;
	}
	.shopSec .shopBox .searchBox input[type="text"] {
		font-size:3.5vw;
		padding:1.25vw 3.125vw;
		height:8.75vw;
		width:83.75vw;
	}
	.shopSec .shopBox .searchBox button[type="submit"] {
		font-size:5.5vw;
		height:8.75vw;
		width:8.75vw;
	}
	.shopSec .shopBox .select-group select {
		font-size:3.5vw;
		height:11.25vw;
		width:100%;
	}
	.shopSec #svgMap {
		display: none;
	}
	.shopSec svg {
		height:249px;
		width: 343px;
		background-color: #fff;
	}
	.shopSec svg rect {
		fill:#c9caca;
	}
	.shopSec svg a .hokkaido {
		fill:#009fe6;
	}
	.shopSec svg a .tohoku {
		fill:#6ab6cc;
	}
	.shopSec svg a .kanto {
		fill:#66847d;
	}
	.shopSec svg a .koshinetsu{
		fill:#7db340;
	}
	.shopSec svg a .tokai{
		fill:#4c6d27;
	}
	.shopSec svg a .chubu {
		fill:#7db340;
	}
	.shopSec svg a .kinki {
		fill:#499947;
	}
	.shopSec svg a .chugoku {
		fill:#d16c15;
	}
	.shopSec svg a .shikoku {
		fill:#d58090;
	}
	.shopSec svg a .kyushu {
		fill:#ed8c00;
	}
	.shopSec svg a .okinawa {
		fill:#ed8c00;
	}
	.shopSec svg a.disabled {
		pointer-events:none;
	}
	.shopSec svg a.disabled rect {
		fill:#c9caca;
	}
	.shopSec svg .maptxt {
		font-size:16px;
		fill:#fff;
		text-anchor:middle;
	}
	.shopSec svg a:hover {
		opacity:0.8;
	}
}

/* PConly */
@media print, screen and (min-width: 720px) {
	body {
		min-width:auto !important;
	}
	.sponly {
		display:none;
	}
	.shopSec {
		padding:80px 50px 20px;
		position:relative;
	}
	.shopSec .closebtn {
		top:20px;
		right:20px;
	}
	.shopSec .closebtn a:hover {
		opacity:0.8;
	}
	.shopSec .shopBox {
		background:#f5f5f5;
		border-radius:20px;
		padding:30px 20px;
		position:absolute;
		width:420px;
	}
	.shopSec .shopBox h2 {
		margin-bottom:20px;
	}
	.shopSec .shopBox .searchBox {
		border-radius:10px;
		margin:25px auto;
		height:50px;
		width:300px;
	}
	.shopSec .shopBox .searchBox input[type="text"] {
		padding:8px 12px;
		height:30px;
		width:263px;
	}
	.shopSec .shopBox .searchBox button[type="submit"] {
		cursor:pointer;
		font-size:128.57143%;
		height:30px;
		width:30px;
	}
	.shopSec .shopBox:after {
		background:url(/common/img/shop_img.png) no-repeat;
		content:"";
		display:block;
		margin:0 auto;
		height:76px;
		width:186px;
	}
	.shopSec svg {
		height:580px;
		width:820px;
	}
	.shopSec #svgMapSp {
    display: none;
  }
	.shopSec svg rect {
		fill:#c9caca;
	}
	.shopSec svg a .hokkaido {
		fill:#009fe6;
	}
	.shopSec svg a .tohoku {
		fill:#6ab6cc;
	}
	.shopSec svg a .kanto {
		fill:#66847d;
	}
	.shopSec svg a .koshinetsu{
		fill:#7db340;
	}
	.shopSec svg a .tokai{
		fill:#4c6d27;
	}
	.shopSec svg a .chubu {
		fill:#7db340;
	}
	.shopSec svg a .kinki {
		fill:#499947;
	}
	.shopSec svg a .chugoku {
		fill:#d16c15;
	}
	.shopSec svg a .shikoku {
		fill:#d58090;
	}
	.shopSec svg a .kyushu {
		fill:#ed8c00;
	}
	.shopSec svg a.disabled {
		pointer-events:none;
	}
	.shopSec svg a.disabled rect {
		fill:#c9caca;
	}
	.shopSec svg .maptxt {
		font-size:16px;
		fill:#fff;
		text-anchor:middle;
	}
	.shopSec svg a:hover {
		opacity:0.8;
	}
}