@charset "UTF-8";

html{
  overflow-y: scroll;
  overflow-x: auto;
}

img.imgs:hover
{
	-moz-box-shadow: 0 0 5px 5px #ddd;
	-webkit-box-shadow: 0 0 5px 5px #ddd;
	box-shadow: 0 0 5px 5px #ddd;
}

.modal{background-color: rgba(0, 0, 0, 0.5) !important;}
.modal-open, .sticky-top { padding-right: 0 !important; padding-left: 0 !important; margin-right: 0 !important; }
.modal-open { overflow: auto; padding-right: 0 !important; }

.entry-meta {
  position: relative;
  overflow: hidden;
  margin-top: 10px;
}
.entry-meta ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0;
  list-style: none;
}
.entry-meta li {
  color: #555 !important;
  font-size: 90%;
  margin: 0;
}
.entry-meta li:not(:first-child):before {
	content: " | ";
	padding: 0 10px !important;
}


/**
 *	media
 **/
@media (max-width: 768px) {
	.ftts {
		font-size: 21px;
		line-height: 32px;
	}
	.fttp {
		font-size: 19px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.mhs {
		min-height: 180px !important;
	}
	.ftts {
		font-size: 25px;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.mhs {
		min-height: 180px !important;
	}
	.ftts {
		font-size: 30px;
	}
}
@media (min-width: 1200px) and (max-width: 1599px) {
	.mhs {
		min-height: 180px !important;
	}
	.ftts {
		font-size: 35px;
	}
}
@media (min-width: 1600px) and (max-width: 1899px) {
	.mhs {
		min-height: 180px !important;
	}
	.ftts {
		font-size: 40px;
	}
}
@media (min-width: 1900px) {
	.mhs {
		min-height: 180px !important;
	}
	.ftts {
		font-size: 40px;
	}
}
/*--------------*/