@charset "UTF-8";

#archive {

	padding: 12rem 0;

}

#archive .inner {

	width: 140rem;
	margin: 0 auto;
	font-size: 1.8rem;
	line-height: 2;
	letter-spacing: 0.1em;
	color: #fff;

}

#archive .inner .type {
	
	margin-bottom: 1.6em;
	font-size: 5rem;

}

#archive .cate_list {

	margin-bottom: 4em;

}

#archive .cate_list li {

	display: inline-block;
	margin-right:  0.3em;
	margin-bottom: 0.4em;
	padding: 0.1em 0.6em;
	font-size: 2.2rem;
	background: #BC9744;
	letter-spacing: 0.02em;
	transition: all 0.06s;
	
}

#archive .cate_list li:hover {

	background: #fff;

}

#archive .cate_list li.active {

	background: #F6A700;

}

#archive .cate_list li a {
	
	display: block;
	color: #fff;
	
}

#archive .cate_list li:hover a {

	color: #000;
	
}

#archive .car {
	
	display: block;
	float: left;
	width: 32%;
	margin-right: 2%;
	margin-bottom: 3rem;
	color: #222;
	background: #fff;
	border: 0.4rem solid #fff;
	transition: all 0.1s;

}

#archive .car:hover {

	border: 0.4rem solid #BC9744;

}

#archive .car:nth-child(3n) {
	
	margin-right: 0;

}

#archive .car .img img {

	width:  100%;
	height: 30rem;
	object-fit: cover;

}

#archive .car .txt {
	
	padding: 2rem;
	padding-top: 3rem;

}

#archive .car .txt p {
	
	height: 2.5em;
	line-height: 1.2;
	overflow: hidden;
	letter-spacing: 0.02em;

}

#archive .car .txt .terms {
	
	height: 2em;
	margin-bottom: 0.5em;

}

#archive .car .txt .terms span {

	display: inline-block;
	padding: 0.25em 0.4em;
	color: #fff;
	line-height: 1.2;
	letter-spacing: 0.02em;
	background: #000;

}

#archive .box {
	
	margin-bottom: 10rem;
	padding: 8rem;
	border: 1px solid #fff;
	border-radius: 0.2rem;

}

#archive .box h2 {

	margin-bottom: 0.5em;
	font-size: 4.6rem;
	line-height: 1.5;

}

#archive .box h2 a {

	color: #BC9744;

}

#archive .box time {

	display: inline-block;
	margin-bottom: 6rem;
	font-size: 2rem;
	line-height: 1.5;
	letter-spacing: 0.06em;

}

#archive .box p {

	clear: both;
	margin-bottom: 5rem;
	font-size: 1.8rem;
	line-height: 2;
	letter-spacing: 0.1em;

}

#archive .box img {
	
	width: auto;
	margin-bottom: 5rem;
	vertical-align: top;

}

/* 追加設定 */
#archive .box h3 {
	
	display: inline-block;
	margin-bottom: 5rem;
	margin-top: 6rem;
	padding: 0 0.6em;
	font-size: 3.2rem;
	letter-spacing: 0.1em;
	background: #BC9744;

}

#archive .box h4 {
	
	display: inline-block;
	margin-bottom: 5rem;
	margin-top: 5rem;
	font-size: 3rem;
	letter-spacing: 0.1em;
	border-bottom: 2px solid #BC9744;

}

#archive .box ul {
	
	margin-bottom: 5rem;

}

#archive .box ul li:before {
	
	display: inline-block;
	margin-right: 0.5em;
	content: "●";
	color: #BC9744;

}

/* ページャー */
.wp-pagenavi {

	clear: both;
	margin-bottom: 8rem;
	
}

.wp-pagenavi a, .wp-pagenavi span {
	
	display: inline-block;
	margin: 0.4rem;
	padding: 0.5rem 2rem;
	font-size: 2rem;
	font-weight: 600;
	color: #fff;
	text-decoration: none;
	border: 1px solid #fff;
	
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {

	border-color: #fff;
	
}

.wp-pagenavi span.current {
	
	color: #fff;
	background: #BC9744;
	
}

/* MacBook Pro16 */
@media only screen and (max-width: 1728px) {



}


/* MacBook Pro14 */
@media only screen and (max-width: 1512px) {



}


/* 中サイズ */
@media only screen and (max-width: 1366px) {



}


/* MacBook Air */
@media only screen and (max-width: 1280px) {



}


/* iPadPro */
@media only screen and (max-width: 1024px) {

	#archive {

		padding: 18rem 0;

	}

	#archive .inner {

		width: 90%;
		font-size: 3.6rem;
		line-height: 2;
		letter-spacing: 0.1em;

	}
	
	#archive .inner .type {
		
		margin-bottom: 2em;
		font-size: 6.8rem;

	}

	#archive .box {
		
		margin-bottom: 16rem;
		padding: 9rem;
		border: 1px solid #ddd;
		border-radius: 0.6rem;

	}

	#archive .box h2 {

		margin-bottom: 0.5em;
		font-size: 6.8rem;
		line-height: 1.5;

	}

	#archive .box time {

		margin-bottom: 7rem;
		font-size: 3.6rem;
		line-height: 1.5;
		letter-spacing: 0.08em;

	}

	#archive .box p {

		margin-bottom: 7rem;
		font-size: 3.6rem;
		line-height: 2;
		letter-spacing: 0.1em;

	}

	#archive .box img {

		width: 48%;
		margin-bottom: 5rem;

	}

	#archive .box img.alignleft {

		margin-right: 4%;

	}
	
	/* 追加設定 */
	#archive .box h3 {
		
		margin-bottom: 7rem;
		margin-top: 6rem;
		padding: 0 0.6em;
		font-size: 4.4rem;
		letter-spacing: 0.1em;

	}

	#archive .box h4 {
		
		margin-bottom: 7rem;
		margin-top: 5rem;
		font-size: 4.4rem;
		letter-spacing: 0.1em;

	}

	#archive .box ul {
		
		margin-bottom: 7rem;

	}

	.wp-pagenavi a, .wp-pagenavi span {
		
		margin: 0.8rem;
		padding: 0.5rem 3rem;
		font-size: 4rem;
		
	}

}


/* AndroidのＬの横 */
@media only screen and (max-width: 854px) {



}


/* iPad Pro11 */
@media only screen and (max-width: 834px) {



}


/* iPad Air */
@media only screen and (max-width: 820px) {



}


/* iPhone13 miniの横 */
@media only screen and (max-width: 812px) {



}


/* iPad 9th */
@media only screen and (max-width: 810px) {



}


/* iPad */
@media only screen and (max-width: 768px) {



}

/* iPad 6th Mini */
@media only screen and (max-width: 744px) {



}


/* iPhonePlusの横 */
@media only screen and (max-width: 736px) {



}


/* iPhone8の横 */
@media only screen and (max-width: 667px) {



}


/* iPhone5の横 */
@media only screen and (max-width: 568px) {



}


/* AndLoidL */
@media only screen and (max-width: 480px) {

	#archive {

		padding: 24rem 0;

	}

	#archive .inner {

		width: 92%;
		font-size: 6rem;
		line-height: 2;
		letter-spacing: 0.08em;

	}
	
	#archive .inner .type {
		
		margin-bottom: 1em;
		font-size: 8.6rem;

	}
	
	#archive .cate_list {

		margin-bottom: 2em;

	}

	#archive .cate_list li {

		margin-right:  0.2em;
		margin-bottom: 0.3em;
		padding: 0.05em 0.2em;
		font-size: 5rem;

	}

	#archive .car {
		
		float: left;
		width: 48%;
		margin-right: 0;
		margin-bottom: 6rem;
		border: 0.2rem solid #fff;

	}

	#archive .car:nth-child(even) {
		
		float: right;

	}

	#archive .car .img img {

		width:  100%;
		height: 48rem;
		object-fit: cover;

	}

	#archive .car .txt {
		
		padding: 2.6rem 3rem;
		padding-top: 3rem;

	}

	#archive .car .txt p {
		
		font-size: 5.4rem;
		height: 2.5em;
		line-height: 1.2;
		letter-spacing: 0.01em;

	}
	
	#archive .car .txt .terms {

		margin-bottom: 0.2em;

	}

	#archive .car .txt .terms span {

		padding: 0.25em 0.5em;
		font-size: 5.4rem;
		line-height: 1.2;
		letter-spacing: 0.02em;

	}
	
	#archive .car .txt time {
	
		font-size: 5.4rem;
		letter-spacing: 0.06em;
	
	}

	#archive .box {
		
		margin-bottom: 16rem;
		padding: 9rem;
		border: 1px solid #ddd;
		border-radius: 0.6rem;

	}

	#archive .box h2 {

		margin-bottom: 0.5em;
		font-size: 9.4rem;
		line-height: 1.5;
		letter-spacing: 0.04em;

	}

	#archive .box time {

		margin-bottom: 10rem;
		font-size: 6rem;
		line-height: 1.5;
		letter-spacing: 0.08em;

	}

	#archive .box p {

		margin-bottom: 10rem;
		font-size: 6rem;
		line-height: 2;
		letter-spacing: 0.1em;

	}

	#archive .box img {

		width: 100%;
		margin-bottom: 10rem;

	}

	#archive .box img.alignleft {

		margin-right: 0;

	}
	
	/* 追加設定 */
	#archive .box h3 {
		
		margin-bottom: 10rem;
		margin-top: 6rem;
		padding: 0 0.6em;
		font-size: 7.4rem;
		letter-spacing: 0.08em;

	}

	#archive .box h4 {
		
		margin-bottom: 10rem;
		margin-top: 5rem;
		font-size: 7.4rem;
		letter-spacing: 0.08em;

	}

	#archive .box ul {
		
		margin-bottom: 10rem;

	}

	.wp-pagenavi a, .wp-pagenavi span {
		
		margin: 0.8rem;
		padding: 0.5rem 3rem;
		font-size: 4rem;
		
	}

	.wp-pagenavi a, .wp-pagenavi span {
		
		margin: 1.2rem;
		padding: 0.8rem 4rem;
		font-size: 6rem;
		
	}

}


/* Iphone13 Pro Max */
@media only screen and (max-width: 430px) {



}


/* Iphone12 Pro Max */
@media only screen and (max-width: 428px) {



}


/* iPhonePlus */
@media only screen and (max-width: 414px) {



}


/* iPhone14 Pro */
@media only screen and (max-width: 393px) {



}


/* iPhone12 Pro */
@media only screen and (max-width: 390px) {



}


/* iPhone8 */
@media only screen and (max-width: 375px) {



}


/* Galaxy */
@media only screen and (max-width: 360px) {



}


/* iPhone5 */
@media only screen and (max-width: 320px) {



}