@charset "UTF-8";

@media only screen and (max-width: 767px) {
	h1.adjtit span { font-size:1.6rem; }
}

dl.pref_link { margin:0; padding:0; display:flex; flex-wrap:wrap; align-items:center; font-size:0.9rem }
dl.pref_link dt { flex:0 0 8em; margin:0 0 20px 0; padding:0; text-align:center; }
dl.pref_link dd { flex:0 0 calc(100% - 8em);  margin:0 0 20px 0; padding:0; }
dl.pref_link dd a, dl.pref_link dd span {
	display:inline-block; width:10em; box-sizing:border-box; text-align:center;
	margin:4px;  padding:6px 0;
	text-decoration:none; color:var(--wa-black);
}
dl.pref_link dd.shoptype span { width:30%; }

dl.pref_link dd a { color:var(--wa-gray); border:1px var(--wa-gray) solid; }
dl.pref_link dd span, dl.pref_link dd a.noshop { color:#ddd; border:1px #ddd solid; }
dl.pref_link dd i { font-style:normal; }

table.shoplist { margin:5px 0 20px 0; width:100%; border-collapse:collapse; }
table.shoplist th, table.shoplist td { padding:8px 5px; border:1px var(--wa-gray) solid; text-align:left; line-height:1.5; }
table.shoplist th a { display:block; color:var(--wa-blue); padding-bottom:3px; border-bottom:1px transparent solid; transition-duration:0.2s; box-sizing:border-box; }
table.shoplist th a:hover { border-bottom:1px var(--wa-blue) dashed; }

.pelletshop table.shoplist,
.pelletshop .table_notice { max-width:960px; margin-left:auto; margin-right:auto; }

table.shoplist th { font-weight:600; }
table.shoplist td.shopli_itemr { width:25%; }
table.shoplist td.shopli_pellet img, table.shoplist td.shopli_stove img { height:1.2em; width:auto; }
table.shoplist td.shopli_car { text-align:center; }

.table_notice { margin:0; text-align:right; }
.table_notice img { display:inline-block; height:1.2em; width:auto; vertical-align:middle; }

table.shoplist tr { background-color:#f0f0f0; }
table.shoplist tr:nth-child(even) { background-color:#f8f8f8; }

.prefname { padding-top:70px; text-align:center; }
.prefname a { color:var(--wa-black); padding-bottom:3px; border-bottom:1px var(--wa-black) solid; }
.prefname a:hover { color:var(--wa-blue); border-bottom:1px var(--wa-blue) solid; }
div[data-prefblock]:first-child .prefname { padding-top:0; }

.map { margin-bottom:12px; }
#googlemap { width:100%; height:600px; border:none; }

.shop_notice { margin:40px auto; text-align:center; }
.shop_notice p { display:inline-block;text-align:left; }


.shopselect input[type=checkbox],
.shoptypeselect input[type=radio] { display: none; }
.shopselect input[type=checkbox]+span,
.shoptypeselect input[type=radio]+span {
	display: inline-block;
	padding: 6px 4px;
	margin: 4px;
	border: 1px var(--wa-gray) solid;
	color:var(--wa-gray);
	border-radius: 6px;
	text-align: center;
	background-color: #f8f8f8;
	cursor: pointer;
}
.shopselect input[type=checkbox]:checked+span,
.shoptypeselect input[type=radio]:checked+span { color:#fff; background-color:var(--wa-orange); border-color:var(--wa-orange);  }


@media only screen and (max-width: 960px) {
}

@media only screen and (max-width: 767px) {

	dl.pref_link dt { flex:0 0 100%; margin:0; }
	dl.pref_link dt br { display:none; }
	dl.pref_link dd { flex:0 0 100%;  margin:0 0 20px 0; padding:0; }
	dl.pref_link dd a, dl.pref_link dd span { width:8em; }

	dl.pref_link dd.shoptype span { width:100%; }

	table.shoplist tr { display:flex; flex-wrap:wrap; border-bottom:1px #ccc solid; }
	table.shoplist th, table.shoplist td { flex:1 1 80%; border:none; box-sizing:border-box; }
	table.shoplist td.shopli_stove,
	table.shoplist td.shopli_pellet { flex:0 0 10%; }
	table.shoplist td.shopli_stove img,
	table.shoplist td.shopli_pellet img { height:20px; }
	table.shoplist td.shopli_car { flex:0 0 10%; }

}


/* view page */


.shop_section { display:flex; flex-wrap:wrap; justify-content:space-between; }
.shop_section div { flex:0 0 49%; box-sizing:border-box; padding:10px; }
@media only screen and (max-width: 767px) { /* === Mobile -767px === */
	.shop_section div { flex:0 0 100%; }
}

dl.shopinfo { max-width:720px; margin:10px auto; padding:0; display:flex; flex-wrap:wrap; }
dl.shopinfo dt, dl.shopinfo dd {
	 padding:20px 10px; margin:0; box-sizing:border-box;
	 border-bottom:1px var(--wa-gray) solid;
	 line-height:1.5;
}
dl.shopinfo dt { flex:0 0 10em; }
dl.shopinfo dd { flex:0 0 calc(100% - 10em); }

.shop_notice { margin:40px auto; text-align:center; }
.shop_notice p { display:inline-block;text-align:left; }


.shopcase { display:flex; flex-wrap:wrap; justify-content:center; margin:0 0 40px 0; padding:0; list-style:none; }
.shopcase div { flex:0 0 30%; margin:0 1% 20px 1%; }
.shopcase div h3 { text-align:center; font-size:1.2rem; }
.shopcase img { max-height:80vh; }

.exitems a, .exitems span { display:inline-block; padding:2px 10px; margin:0 6px 6px 0; border:1px var(--wa-blue2) solid; border-radius:4px; color:var(--wa-blue2); }
.exitems a { background-color:var(--wa-blue2); color:#fff; }
.exitems a:hover { box-shadow:0px 0px 10px 4px var(--wa-blue) inset; }


.map { margin-bottom:12px; }
#googlemap { width:100%; height:450px; }
.gmaplink { text-align:right; }

@media only screen and (max-width: 960px) {
}
@media only screen and (max-width: 767px) {
	dl.shopinfo dt { flex:0 0 8em; }
	dl.shopinfo dd { flex:0 0 calc(100% - 8em); }

	.shopcase div { flex:0 0 98%; margin:0 1% 20px 1%; }

	#googlemap { width:100%; height:300px; }
}

.subsidy_title { text-align:center; margin-top:80px; }
.subsidy { border-collapse:collapse; margin:0 auto 80px auto !important; min-width:80%; }
.subsidy th, .subsidy td { font-weight:300; text-align:left; vertical-align:top; border:1px #ccc solid; padding:8px; min-width:5em; }
.subsidy th.pref_name { text-align:center; text-align:center; font-weight:500; background-color:#4D4D4D; color:#fff; }
.subsidy th.pref_name span { font-size:1.1rem; }
.subsidy td a { color:var(--wa-blue);padding-bottom:3px; border-bottom:1px transparent solid; transition-duration:0.2s; }
.subsidy td a:hover { border-bottom:1px var(--wa-blue) dashed; }

@media only screen and (max-width: 960px) {
}
@media only screen and (max-width: 767px) {

	.subsidy th, .subsidy td { display:block; width:100%; border:none; box-sizing:border-box; }
	.subsidy th { background-color:#f4f4f4; font-weight:500; }
	.subsidy td { padding-left:20px; }
}

.snslinks { text-align:center; }
.snslinks img { height:40px; display:inline-block; margin:0 10px; }