/* for recommend post */
	.blogRecommend li{
		margin-bottom: 32px !important;
		padding-bottom: 16px !important;
		border-bottom: 2px solid #f2f2f2;
	}
	.blogRecommend img {
		border: 1px solid #ccc;
		margin-bottom: 8px;
		padding: 4px;
	}

  /* for footer navigation */
	.post-navigation {
		padding: 32px 0;
		margin-bottom: 24px;
		display: block;
  }
	.post-navigation a {
		display: flex;
    align-items: center;
		/* background: lightblue; */
    border: 2px solid #e572ab;
		border-radius: 50px;
		padding: 2% 4%;
    height: 100%;
    color: #bf3d7e;
	}

  .nav-links {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
	.nav-previous,
	.nav-next {
		width: 48%;
    position: relative;
	}

  .nav-previous a {
    padding-left: 40px;
  }
  .nav-next a {
    padding-right: 40px;
  }

  .nav-previous:before,
  .nav-next:after {
    width: 1em;
    height: 100%;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    position: absolute;
    top: 20%;
    color: #e572ab;
    font-size: 24px;
  }

  .nav-previous:before {
    content: "\f100";
    left: 14px;
  }
  .nav-next:after {
    content: "\f101";
    right: 10px;
  }
	@media (hover: hover) {
  .post-navigation a:hover {
    opacity: .8;
  }
}
	@media print, screen and (max-width: 960px) {
  .nav-previous,
	.nav-next {
		width: 100%;
	}
  .nav-previous {
    margin-bottom:16px;
  }
}

@media print, screen and (max-width: 960px) {
  .style-table-overflow {
    overflow: scroll;
  }
}

/* for blog */
.single-post h2,
.single-post h3,
.single-post h4,
.single-post h5 {
  font-weight: bold;
  margin-top: 24px;
}
.appBlock {
  display: flex;
}
@media screen and (max-width: 560px) {
  .appBlock {
    flex-direction: column;
  }
}

/* for blog table */
.tableStyle {
  border: 2px solid #666 !important;
}
.tableStyle tr,
.tableStyle td {
  border: 1px solid #ccc;
}
.tableStyle td:not(:last-child) {
  border-right: 1px solid #ccc;
}
.tableStyle tr:nth-child(even) {
  border-bottom: 1px solid #ccc;
  background-color: #fff;
}
.tableStyle th:not(:last-child) {
  border-right: 1px solid #ccc;
}
.table-sakuraStyle {
  background: #ffe6f1 !important;
}

.table-otherStyle {
  background: #fafafa !important;
}

.tableStyle-rightBorder {
  border-right: 2px solid #666 !important;
}