/*
Theme Name: aj
Theme URI: https://www.akira-jewelry.com
Description: A theme by <a href="https://www.akira-jewelry.com/">AKIRA jewelry</a>.
Version: 1
Author: 
Author URI: https://www.akira-jewelry.com

*/

.post h2 {
	text-align: left;
}
.post .entry {
	padding-top: 10px;
}
.post .entry p {
	line-height: 3;
	margin-bottom: 1em;
}
.post-date {
	margin-right: 10px;
}
.post-cat {
	margin-right: 10px;
}
.post-cat a {
	line-height: 1.2;
	background-color: #cdb8a3;
	border: 1px solid #cdb8a3;
	border-radius: 4px;
	display: inline-block;
	padding: 0px 2px;
	color: #FFFFFF;
}
.post-cat a:hover {
	background-color: #ffffff;
	color: #cdb8a3;
	text-decoration: none;
}

.dis-table {
	display: table;
}

.post video {
	width: 700px;
}

#category .post_wrap {
  display: flex;
	flex-wrap: wrap;
	margin: 0 auto ;
}
#category .post {
	background: #f8f8f8;
	margin: 0 10px 10px 0;
	padding: 10px;
	width: 240px;
	box-sizing: border-box;
}
#category .post_wrap .post img {
	width: 230px;
	height: 153px;
  object-fit: cover;
	margin-bottom: 0.25em;
}

.navigation {
	display: flex;
	justify-content: space-between;
	padding: 10px 0px;
	border-top: 1px dotted #BEBEBE;
	border-bottom: 1px dotted #BEBEBE;
	margin-bottom: 20px;
}

.wp-pagenavi {
	text-align: center;
}
.wp-pagenavi span {
	padding: 10px;
}
.wp-pagenavi a {
	padding: 10px;
	display: inline-block;
}

.cat-container {
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
}

.btn-cat-nav {
width: 12.5%;
height: 100px;
padding: 0 0.5em;
box-sizing: border-box;
}

.btn-cat-nav a{
display: flex;
flex-direction: column;
justify-content: center;
width: 100%;
height: 100%;
cursor: pointer;
text-align: center;
padding: 0.5em;
box-sizing: border-box;
background: rgba(48, 164, 164, 0.6);
color: #fff;
border-radius: 10px;
text-decoration: none;
}
.btn-cat-nav a:hover{
background: rgba(48, 164, 164, 1);
opacity: 1;
}

.btn-cat-nav.active a{
background: rgba(48, 164, 164, 1);
}

@media (max-width: 639px) {
#category .post {
	width: 46%;
}
.post video {
	max-width: 100%;
}

#info .post {
	margin-bottom: 40px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #BEBEBE;
}
#info .post .thumbnail img {
	width: 200px;
	height: auto;
	padding-top: 10px;
}

.cat-container {
flex-wrap: wrap;
justify-content: flex-start;
}

.btn-cat-nav {
width: 33.3%;
margin-bottom: 0.5em;
}

}