@charset "UTF-8";
/* news */

.infoContWrap{
	position: relative;
	padding-top: 30px;	
}


.infoContWrap:before{
	content: "";
	width: 100%;
	height: 3px;
	background: url(../images/line.png);
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

.catNav{
	overflow: hidden;
	margin-bottom: 40px;
	display: flex;
}

.category-list li{
	display: inline-block;
	margin-right: 8px;
}

.category-list li:last-of-type{
	margin-right: 0;
}


.category-list li a{
	display: inline-block;
	color: #0E1737;
	font-family: ryo-gothic-plusn;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 120%;
	padding: 5px 16px;
	border: 2px solid #F2F0EF;
	-webkit-border-radius: 8px;
	        border-radius: 8px;
	text-transform: capitalize;
}

.category-list li a:hover{
	border: 2px solid #F2F0EF;
}

.category-list li.current-category a{
	font-weight: bold;
	border: 2px solid #0E1737;
}


#archive{
	padding-bottom: 80px;
}

.wp-pagenavi{
	padding: 5px 0;
	text-align: center;
}

.wp-pagenavi a{
	color: #0E1737;
	border: none;
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 24px;
	font-size: 14px;
	font-weight: bold;
}



.wp-pagenavi a:hover, .wp-pagenavi span.current {
    border-color: #0E1737;
    -webkit-border-radius: 5px;
            border-radius: 5px;
}

.wp-pagenavi span {
	border: none;
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 24px;
	font-size: 14px;
}

.wp-pagenavi span.current{
	border: #0E1737 2px solid;
}

#toTop{
	text-align: center;
	margin-top: 20px;
}

#toTop a{
	color: #0E1737;
	font-weight: bold;
	display: inline-block;
}



#update{
	margin-bottom: 80px;
}

#update h3{
	margin-bottom: 40px;
}

#updateUl{
	width: 100%;
	max-width: 1034px;
	margin: 0 auto;
	display: flex;

  	align-items: flex-start; /* 垂直方向の中央配置 */
  	margin-bottom: 20px;
  	flex-wrap:wrap;

}

#updateUl li{
	width: calc(25% - 24px);
	margin-right: 24px;
	margin-bottom: 64px;
	overflow: hidden;
	box-shadow: 10px 10px 20px #ccc;
	transition: all .5s;
	-webkit-border-radius: 10px;
	        border-radius: 10px;
	transition: transform 0.3s ease;
}

#updateUl li:nth-of-type(4n){
  margin-right: 0;
}


#updateUl li a{
	font-size: 16px;
	color: #1F476B;
	display: block;
}

#updateUl li .thumb{
	-webkit-border-radius: 10px 10px 0 0;
	        border-radius: 10px 10px 0 0;
	 overflow: hidden;
} 

#updateUl li .thumb img{
	width: 100%;
	height: 250px;
	object-fit: cover;
}

#updateUl .txt{
	background: linear-gradient(280deg, #CCC 6.03%, #ECECEC 90.08%);
}

#updateUl li .title{
	padding: 12px 14px;
	margin-bottom: 20px;
	min-height: 110px;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 150%;; /* 24px */
} 

#updateUl li .foot{
	padding: 0 14px 8px 14px;
	font-size: 15px;
	overflow: hidden;
	color: #0B397D;
	font-family: Sofia Sans;
	font-style: normal;
	font-weight: 500;
	line-height: 150%;
}

#updateUl li .foot .date{
	float: left;
}
#updateUl li .foot .cat{
	float: right;
	text-transform: uppercase;
}

.toArchive{
	width: calc(90% - 30px);
	margin: 0 auto;
	text-align: right;
	margin-bottom: 80px;
}

.toArchive a{
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
	line-height: 130%; /* 19.5px */
	letter-spacing: 0.45px;
	position: relative;
	display: inline-block;
	font-weight: bold;
	padding: 10px 32px;
	gap: 12px;
	flex-shrink: 0;
	border-radius: 8px;
	border-radius: 5px;
	border: 1px solid var(--Tenchijin-Navy, #0E1737);
	background: #ECECEC;
	box-shadow: 9px 6px 17px 0px #B9B9B9, -9px -6px 17px 0px #FFF, -9px 6px 17px 0px rgba(236, 236, 236, 0.25), 9px -6px 17px 0px rgba(236, 236, 236, 0.25);
	-webkit-transition: all .5s;
	   -moz-transition: all .5s;
	    -ms-transition: all .5s;
	     -o-transition: all .5s;
	        transition: all .5s;

}

.toArchive a:hover {
	border-radius: 5px;
	background: #FFF;
	box-shadow: 0px 0px 17px 0px #859BBB;
}

.wp-pagenavi a, .wp-pagenavi span{
	font-family: ryo-gothic-plusn;
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 34px;
	text-align: center;
	border-radius: 4px;
	border: #F2F0EF 2px solid !important;
	-webkit-transition: all .5s;
	   -moz-transition: all .5s;
	    -ms-transition: all .5s;
	     -o-transition: all .5s;
	        transition: all .5s;
	font-size: 16px;
	margin-right: 10px !important;
}

.wp-pagenavi span.current{
	border: #0E1737 2px solid !important;
	font-weight: 700;
	padding: 3px 5px;
	margin: 2px 2px 2px 0;
}

.wp-pagenavi a:hover {
    border: #fff 2px solid !important;
}

.wp-pagenavi a.nextpostslink,
.wp-pagenavi a.previouspostslink{
	color: #868B9B;
}

.wp-pagenavi a.nextpostslink:hover,
.wp-pagenavi a.previouspostslink:hover{
	border: #F2F0EF 2px solid !important;
}

.nextpostslink:hover {
    border: #F2F0EF 2px solid !important;
}

.lang_en #updateUl li .title {
	font-family: Barlow;
	font-size: 17px;
	font-style: normal;
	font-weight: 400;
	line-height: 148%; 
}
#archive > div > div{
	overflow: visible;
}

@media screen and (max-width: 767px) {
	.wp-pagenavi a, .wp-pagenavi span{
		margin-right: 0 !important;
	}
}

/* add */

.lang_en .category-list li a{
	color: #0E1737;
font-family: Barlow;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 120%;
}

.lang_en .category-list li.current-category a{
	font-weight: 600;
}

#updateUl li .foot p{
	color: #0B397D;
	font-family: "Sofia Sans";
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
	line-height: 150%;
}

@media screen and (max-width: 767px) {
	#updateUl li .foot p{
		font-size: 14px;
	}
}