.column-legacy,
.column-legacy * {
	box-sizing:border-box;
}

.column-legacy {
	color:#333;
	font-size:14px;
	line-height:1.5;
}

.column-legacy img {
	max-width:100%;
	height:auto;
	vertical-align:middle;
}

.column-legacy a {
	color:inherit;
	text-decoration:none;
}

.column-legacy ul {
	list-style:none;
	margin:0;
	padding:0;
}

.column-legacy .container {
	width:100%;
	margin-right:auto;
	margin-left:auto;
	padding-right:15px;
	padding-left:15px;
}

.column-legacy .row {
	display:flex;
	flex-wrap:wrap;
	margin-right:-15px;
	margin-left:-15px;
}

.column-legacy .col-12,
.column-legacy .col-sm-2,
.column-legacy .col-sm-10 {
	position:relative;
	width:100%;
	min-height:1px;
	padding-right:15px;
	padding-left:15px;
}

.column-legacy .col-12 {
	flex:0 0 100%;
	max-width:100%;
}

@media (min-width:576px) {
	.column-legacy .container {
		max-width:540px;
	}

	.column-legacy .col-sm-2 {
		flex:0 0 16.666667%;
		max-width:16.666667%;
	}

	.column-legacy .col-sm-10 {
		flex:0 0 83.333333%;
		max-width:83.333333%;
	}
}

@media (min-width:768px) {
	.column-legacy .container {
		max-width:720px;
	}
}

@media (min-width:992px) {
	.column-legacy .container {
		max-width:960px;
	}
}

@media (min-width:1200px) {
	.column-legacy .container {
		max-width:1140px;
	}
}

.column-legacy .ellipsis {
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

.column-legacy .text-center {
	text-align:center;
}

.column-legacy .p-2 {
	padding:.5rem;
}

.column-legacy .w-100 {
	width:100%;
}

.column-legacy .btn {
	display:inline-block;
	font-weight:400;
	text-align:center;
	vertical-align:middle;
	border:1px solid transparent;
	padding:.375rem .75rem;
	font-size:1rem;
	line-height:1.5;
	border-radius:.25rem;
}

.column-legacy .btn-primary {
	color:#fff;
	background:#47a2d7;
	border-color:#47a2d7;
}

.column-legacy .sr-only {
	position:absolute;
	width:1px;
	height:1px;
	padding:0;
	margin:-1px;
	overflow:hidden;
	clip:rect(0, 0, 0, 0);
	white-space:nowrap;
	border:0;
}

.column-legacy .breadcrumb {
	background:none;
	margin:0;
	padding:.3em 1em;
	width:100%;
}

.column-legacy .breadcrumb ul {
	display:block;
	width:100%;
}

.column-legacy .breadcrumb ul::after {
	content:"";
	display:block;
	clear:both;
}

.column-legacy .breadcrumb ul li {
	float:left;
	padding-right:1%;
}

.column-legacy .breadcrumb ul li span {
	font-size:.8em;
}

.column-legacy .upper-adv {
	width:90%;
	margin:0 auto 1em;
}

.column-legacy .section-title .title-box {
	background:#47a2d7;
	padding:1.5% 1.5% 1%;
}

.column-legacy .section-title .title-box::after {
	content:"";
	display:block;
	clear:both;
}

.column-legacy .section-title .title-box h2 {
	color:#fff;
	font-size:1.4em;
	float:left;
	margin:0;
}

.column-legacy .shop-list-child {
	display:block;
	width:100%;
	border:1px solid #eee;
	margin-bottom:3%;
}

.column-legacy .shop-list-child::after {
	content:"";
	display:block;
	clear:both;
}

.column-legacy .shop-list-title {
	position:relative;
}

.column-legacy .shop-list-title h3 {
	background:url(./img/bg-bar.png);
	background-size:contain;
	font-size:1.2em;
	padding:1% 2%;
	border:1px solid #ccc;
	margin:0;
}

.column-legacy .shop-list-title h3 a {
	display:block;
	color:#47a2d7;
}

.column-legacy .column .shop-list-title p {
	display:none;
}

.column-legacy .shop-list-img {
	width:35%;
	float:left;
	margin-bottom:1%;
}

.column-legacy .shop-list-img .list-img {
	padding:3%;
}

.column-legacy .shop-list-img .list-img img {
	width:100%;
	border:.5em solid #eee;
}

.column-legacy .shop-list-body {
	width:65%;
	float:left;
	padding:1%;
}

.column-legacy .shop-list-body > a {
	display:block;
	line-height:1.6;
}

.column-legacy nav {
	margin-bottom:1em;
}

.column-legacy nav::after {
	content:"";
	display:block;
	clear:both;
}

.column-legacy .pagination {
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-end;
	padding-left:0;
	margin:0 0 1rem;
	list-style:none;
	border-radius:.25rem;
}

.column-legacy .pagination .page-item {
	display:block;
}

.column-legacy .pagination .page-link {
	display:block;
	background:#eee;
	color:#333;
	border:1px solid #333;
	padding:.2em .6em;
	margin-left:-1px;
	line-height:1.25;
}

.column-legacy .pagination .page-item.active .page-link {
	background:#ffe699;
}

.column-legacy .pagination .page-item.disabled .page-link {
	color:#6c757d;
	pointer-events:none;
	cursor:auto;
}

.column-legacy .page-link:focus {
	box-shadow:none;
}

.column-legacy .column-img {
	padding:0 10%;
}

.column-legacy .column-body {
	padding:1.5%;
	line-height:1.6;
}

.column-legacy .column-body h3 {
	font-size:1.2em;
	font-weight:bold;
	line-height:1.6;
	float:left;
}

.column-legacy .column-body h4 {
	font-size:1.2em;
	position:relative;
	margin:1rem auto;
}

.column-legacy .column-body h4::before {
	content:"";
	background:#47a2d7;
	display:block;
	width:100%;
	height:8px;
	position:absolute;
	bottom:-3px;
	z-index:-1;
}

.column-legacy .column-body img {
	width:auto;
	max-width:100%;
}

.column-legacy .column-body p {
	line-height:1.6;
}

.column-legacy .nav_topic {
	margin-bottom:.5em;
}

.column-legacy .nav_topic ul {
	display:flex;
	width:12em;
	margin:0 auto;
	text-align:center;
}

.column-legacy .nav_topic ul li {
	width:6em;
	margin:0 auto;
}

.column-legacy .nav_topic ul li a {
	color:#47a2d7;
	display:block;
}

.column-legacy .nav_topic ul li:nth-child(1) {
	border-right:1px solid #47a2d7;
}

.column-legacy .nav_topic ul li:nth-child(2) {
	border-left:1px solid #47a2d7;
}

.column-legacy .side-link {
	margin-bottom:.5em;
}

.column-legacy .side-link > h2,
.column-legacy .side-link > .side-title {
	background:#ffc000;
	color:#fff;
	padding:.5em;
	margin:0;
	font-size:1em;
}

.column-legacy .side-link ul > li {
	width:100%;
}

.column-legacy .side-link ul > li a {
	background:#fff2cc;
	color:#333;
	font-size:.78em;
	display:block;
	padding:.1em;
	margin-bottom:.2em;
}

.column-legacy .side-link ul > li a:hover {
	background:#78caf9;
}

@media (max-width:767px) {
	.column-legacy {
		padding:0 .75rem;
	}

	.column-legacy .shop-list-img,
	.column-legacy .shop-list-body {
		width:100%;
		float:none;
	}
}

.column-legacy .menu > ul {
	display: flex;
}
/* .column-legacy .col-sm-2 {
	display: none;
}
@media (min-width:768px) {
	.column-legacy .col-sm-2 {
		display: block;
	}
}

@media (max-width:767px) {
	.column-legacy .col-sm-10 .col-12.menu {
		display: flex;
	}
} */