@charset "utf-8";

main {
	padding-bottom: 6rem;
}
main a {
	color: #1a76d1;
	text-decoration: underline;
}
@media (max-width: 768px) {
	main {
		padding-bottom: 6rem;
	}
}

/* mainContents */
.mainContents {
	line-height: 1.9;
}
.mainContents .storeListTbl {
	margin-top: 3.5rem;
	width: 100%;
	font-size: 1.4rem;
	color:#303030;
}
.mainContents .storeListTbl thead {
	display: table-header-group;
	background: #e1e1e1;
}
.mainContents .storeListTbl thead th {
	padding: 1rem;
	border: solid 1px #b2b2b2;
}
.mainContents .storeListTbl tbody tr.line-color {
	background:#f0f0f0;
}
.mainContents .storeListTbl tbody td {
	padding: 1rem 1.5rem;
	border: solid 1px #b2b2b2;
	vertical-align: top;
}
.mainContents .storeListTbl tbody td.sp {
	display: none;
}
.mainContents .storeListTbl tbody td:first-child {
	padding: 1rem;
}
.mainContents .storeListTbl .storeName {
	width: 16.5rem;
}
.mainContents .storeListTbl .tel {
	width: 14.5rem;
}
.mainContents .storeListTbl .address {
	width: 34.5rem;
}
.mainContents .storeListTbl .map {
	width: 4.5rem;
	text-align: center;
}
.mainContents .storeListTbl .link {
	width: 14rem;
}
.mainContents .storeListTbl tbody td span:first-child {
	display: none;
}
@media (max-width: 768px) {
	.mainContents {
		line-height:1.4;
	}
	.mainContents .mainLead {
		font-size: 3rem;
		margin-bottom: 4rem;
	}
	.mainContents .storeListTbl {
		font-size: 2.6rem;
		border-top: solid 1px #b2b2b2;
		border-left: solid 1px #b2b2b2;
	}
	.mainContents .storeListTbl thead {
		display:none;
	}
	.mainContents .storeListTbl tbody tr {
		display: block;
		padding-bottom: 2rem;
		border-bottom:solid 1px #b2b2b2;
		border-right:solid 1px #b2b2b2;
	}
	.mainContents .storeListTbl tbody tr.line-color {
		background: none;
	}
	.mainContents .storeListTbl tbody td {
		display: block;
		padding: 2rem 2rem 0;
		border: none;
	}
	.mainContents .storeListTbl tbody td.pc {
		display: none;
	}
	.mainContents .storeListTbl tbody td.sp {
		display: block;
	}
	.mainContents .storeListTbl .map {
		width: 100%;
		text-align: left;
	}
	.mainContents .storeListTbl tbody td:first-child {
		background: #e1e1e1;
		border-bottom: solid 1px #b2b2b2;
		padding: 2rem;
		text-align: center;
		font-weight: bold;
	}
	.mainContents .storeListTbl tbody td span:first-child {
		display: inline;
		padding-right: 0.3rem;
	}
	.mainContents .storeListTbl tbody td > span {
		font-weight: bold;
	}
}
