a { text-decoration: none;}
a, .text-link, .logo-first, .logo-first a:hover { color: #006ecc;}
.color-second, a:hover { color: #f90; }

body {
    margin: 0;
	font-size: 110%;
	font-family: Montserrat,sans-serif;

}
.f44 {
	font-size: 44px;
	font-family:  Roboto,Arial,sans-serif;
}
.h44 {
	height: 34px;
}
.logo {
	margin-top: 24px;
	margin-right: 7px;
}
.cover-bg {
    height: 460px;
    width: 100%; 
    background-position: center center; 
    background-size: cover;
}
.bg-sh {

  box-shadow: 0 2px 0px #999 inset; 
}
.cover-by {
    height: 230px;
    width: 100%; 
    background-position: center center; 
    background-size: cover;
}
.h460 {
    height: 460px;
}
.h230 {
    height: 230px;
}
.minus100 {
transform: translateY(-100px);
}
.minus200 {
transform: translateY(-200px);
}
.border_img {
border: solid 12px #fff;
outline: solid 4px #999;
}
.gray {
	color: #999;
}

th.sorted[data-order="1"],
th.sorted[data-order="-1"] {
	position: relative;
}

th.sorted[data-order="1"]::after,
th.sorted[data-order="-1"]::after {
	padding-left: 16px;
	position: absolute;
}

th.sorted[data-order="-1"]::after {
	content: "▼"
}

th.sorted[data-order="1"]::after {
	content: "▲"
}

@media (max-width: 768px) {
.f44 {
	font-size: 34px;
}
.h44 {
	height: 27px;
}
.logo {
	margin-top: 20px;
	margin-right: 7px;
}
.cover-bg {
    height: 230px;
}
.h460 {
    height: 230px;
}
.cover-by {
    height: 230px;
}
.minus100, .minus200 {
transform: translateY(12px);
}
}