@charset "UTF-8";

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 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; }


h2.subsidy_pref {
	margin:60px auto 0 auto; max-width:80%; padding:8px; box-sizing:border-box;
	font-weight:500; background-color:var(--wa-gray); color:#fff; text-align:center;
	font-size:1.2rem;
}
h2.subsidy_pref a { color:#fff; }

.subsidy { border-collapse:collapse; margin:0 auto 40px 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; }

.sub_shop { padding-left:3em; }
.sub_shop a { text-decoration:none; color:var(--wa-black); padding-bottom:3px; border-bottom:1px transparent solid; transition-duration:0.2s; }
.sub_shop a:hover { border-bottom:1px var(--wa-blue) dashed; }
.sub_shop:before {
	content:'';
	display:inline-block;
	width:1.2em;
	height:1.2em;
	background-image:url('../shop/images/spec_stove.png');
	background-size:contain;
	background-repeat:no-repeat;
	vertical-align:middle;
}

@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; }

	h2.subsidy_pref { margin:60px auto 20px auto; max-width:100%; }
	.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; }
}