/* --------------------------

カテゴリー一覧ページ

-------------------------- */
.category_wrap {
	margin-bottom: 40px;
	position:relative;
}
.category_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	flex-direction: column;
}
.title_link{
    flex-wrap: wrap;
    justify-content: space-between;
	position: relative;
}

.category_item:not(:last-child) {
  margin-bottom: 40px;
}

.category_item a {
  display: block;
}

.category_item a img {
  object-fit: cover;
  height: 200px;
}
@media (min-width: 500px) {
.category_item a img
{
    height: 300px;
}
}
@media (min-width: 700px) {
.category_item a img
{
    height: 400px;
}
}
.category_title {
  color: var(--main-bg-color);
  font-size: 1.2rem;
}



/* ページネーション */
.wp-pagenavi {
  text-align: center;
}

.wp-pagenavi span,
.wp-pagenavi a {
  box-sizing: border-box;
  display: inline-block;
  width: auto;
  min-width: 40px;
  height: 40px;
  line-height: 40px;
  border: 1px solid var(--main-bg-color);
  color: var(--main-bg-color);
  padding-left: 10px;
  padding-right: 10px;
  margin-left: 5px;
  margin-right: 5px;
}

.wp-pagenavi .current {
  background-color: var(--main-bg-color);
  color: var(--main-font-color);
  font-weight: bold;
}

.wp-pagenavi .first,
.wp-pagenavi .last {
  display: none;
}



/* --------------------------

バックナンバーページ

-------------------------- */
.backnumber_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.backnumber_list .backnumber_item {
  width: calc(100% / 2 - 5px);
  margin-bottom: 15px;
}

/*カテゴリーメガドロップダウンメニュー*/
.megadropdown__lists__category {
	transform-origin: center top;/*変形を適応する基準をtopとする*/
	transition: all .3s;/*表示の変化を0.3秒に指定*/
	width: 100%;
	position:relative;
	box-sizing: border-box;
	left: 0;
	padding: 0 2%;
	margin: 0px 20px;
	transition-delay: .5s;
	text-align: center;
}
.megadropdown__lists__category a{
	color: #000000;
}

.megadropdown__list__category {
	transition: all .3s;
    float: left;
    width: 32%;
    border: none;
	position:relative;
	padding-bottom: 20px;
}
.megadropdown__list__category p {
	color:#000000;
	height:40px;
	font-size: 100%;
/* 	margin-right: 20px; */
}

.megadropdown__list__category:hover {
    opacity:0.7;
}
.megadropdown__list__category:hover p{
	color:#000000;
}
.mega__square__box{
	width:99%;
	padding-bottom:99%;
	text-align:center;
	position: relative;
}
.mega__square__box img{
	position: absolute;
	width:75%;
	height:75%;
	object-fit: contain;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

/* .megadropdown__list__category:nth-child(4n+3) .megadropdown__list__category:nth-child(4n+2) {
    margin: 0 1%;
} */

.megadropdown__list__child__category{
	display: none;
	transform: scaleY(0);
}

.in-page{
	position:absolute;
	color:#000000;
	right:10px;
	transition: all .3s;
	top: 2.5px;
}
.in-page a{
	color:#000000;
}
.in-page:hover{
	color:#000000;
	opacity:0.7;
}
.triangle{
	position:absolute;
	right:5px;
	bottom:12.5px;
}

@media (min-width: 1024px) {
	.megadropdown__list__category {
		width: 16%;
	}
	.megadropdown__list__category p {
		font-size: 100%;
	}
	.triangle{
		position:absolute;
		right:5px;
		bottom:17.5px;
	}			
}