/*------------------------------------------------------------
	Archive archive.php
-------------------------------------------------------------*/
.archive-tab {
	width: 100%;
	margin: 0 0 20px 0;
	padding: 10px;
	background-color: #eeefef;
}
	.archive-tab a {
		display: inline-block;
		margin: 10px 10px 10px 0;
		padding: 10px;
		color: #fff;
		background-color:#5bc0d7;
		border: 2px solid #5bc0d7;
	}
	.archive-tab a:hover {
		color: #5bc0d7;
		background-color:#fff;
		border: 2px solid #5bc0d7;
	}
.archive-list {
	width: 100%;
	height: 100%;
	margin: 0 0 30px 0;
	padding: 0 0 10px 0;
	box-sizing: border-box;
	border-bottom: 1px solid #ccc;
}
	.archive-list .list-frame {
		position: relative;
		width: 100%;
		margin: 0;
		padding: 0 0 50px 0;
	}
	.archive-list h3 {
		display: block;
		width: 100%;
		text-align: left;
		margin: 0 0 20px 0;
		padding: 0;
		border-top: none;
	}
	.archive-list .photo img {
		width: 100%;
		height: auto;
		margin: 0 20px 0 0;
		padding: 0;
	}
	.single-area-left .date-box {
		display: block;
		width: 100%;
		margin: 0.5em 0 0.8em 0;
		padding: 0.3em 1em;
		text-align: center;
		color: #777;
		font-size: 90%;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
	}
@media screen and (min-width: 436px) {
	.single-area-left .date-box {
		text-align: right;
	}
}
	.archive-list .list-frame a.archive-btn {
		position: absolute;
		bottom: 0;
		right: 10px;
		display: block;
		width: 50%;
		text-align: center;
		margin: 0 0 0 0;
		padding: 5px 20px;
		color: #fff;
		border: 2px solid #5bc0d7;
		background: #5bc0d7;
	}
		.archive-list .list-frame a.archive-btn:hover {
			color: #5bc0d7;
			border: 2px solid #5bc0d7;
			background: #fff;
		}
/*------------------------------------------------------------
	Archive taxonomy.php
-------------------------------------------------------------*/
.head-banner-area {
	width: 100%;
	height: 100%;
	margin: 0 0 50px 0;
	padding: 0;
}
.cat-btn-area {
	width:95%;
	padding:1em 1em 0 1em;
	margin:0 auto 2em auto;
	background: #eff9fb;
	border-radius:0.3em;
}
	.cat-btn-box {
		display:block;
		width:100%;
		margin:0 0 1em 0;
		padding:0;
		box-sizing: border-box;

		justify-content:space-between;
	}
	.cat-btn-box3 {
		display:block;
		width:100%;
		margin:0 0 1em 0;
		padding:0;
		box-sizing: border-box;

		justify-content:space-between;
	}

/*------------------------------------------------------------
	Archive//Plan_item
-------------------------------------------------------------*/
	.archive-plan-area .plan-box {
		position: relative;
		width: 100%;
		min-height: 435px;
		margin-bottom: 10px;
		padding: 10px;
		box-sizing: border-box;
		border: 1px solid #5bc0d7;
	}
		.archive-plan-area .plan-box a {
			display: flex;
			flex-direction: column;
			flex-wrap: nowrap;
			align-items: flex-start;
		}
		.archive-plan-area a.plan-btn {
			position: absolute;
			bottom: 10px;
			display: block;
			width: 95%;
			margin: 0 0;
			text-align: center;
		}
		.archive-plan-area .plan-photo {
			position: relative;
			width: 100%;
			height: 220px;
			margin: 0 0 10px 0;
			padding: 0;
			background-color: #eee;
			overflow: hidden;
		}
			.archive-plan-area .plan-photo h2 {
				display: block;
				position: absolute;
				bottom: 0px;
				left: 0;
				width: 100%;
				padding: 5px;
				margin: 0;
				color: #fff;
				font-size: 100%;
				font-weight: 400;
				background-color: rgba(104,71,54,0.5);/*茶色*/
			}
			.archive-plan-area .plan-photo img {
				width: 100%;
				object-fit: cover;
			}

@media screen and (min-width: 436px) {
/*------------------------------------------------------------
	Archive archive.php
-------------------------------------------------------------*/
.archive-tab {
	width: 100%;
	margin: 0 0 20px 0;
	padding: 10px;
	background-color: #eeefef;
}
	.archive-tab a {
		display: inline-block;
		margin: 10px 10px 10px 0;
		padding: 10px;
		color: #fff;
		background-color:#5bc0d7;
		border: 2px solid #5bc0d7;
	}
	.archive-tab a:hover {
		color: #5bc0d7;
		background-color:#fff;
		border: 2px solid #5bc0d7;
	}
.archive-list {
	width: 100%;
	height: 100%;
	margin: 0 0 30px 0;
	padding: 0 0 10px 0;
	box-sizing: border-box;
	border-bottom: 1px solid #ccc;
}
	.archive-list .list-frame {
		position: relative;
		width: calc(100% - 250px);
		margin: 0;
		padding: 0 0 50px 0;
	}
	.archive-list h3 {
		display: block;
		width: 100%;
		text-align: left;
		margin: 0 0 20px 0;
		padding: 0;
		border-top: none;
	}
	.archive-list .photo img {
		width: 210px;
		height: auto;
		margin: 0 20px 0 0;
		padding: 0;
	}
	.single-area-left .date-box {
		display: block;
		width: 100%;
		margin: 0.5em 0 0.8em 0;
		padding: 0 1em;
		text-align: right;
		color: #777;
		font-size: 90%;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
	}
	.archive-list .list-frame a.archive-btn {
		position: absolute;
		bottom: 0;
		right: 10px;
		display: block;
		width: 50%;
		text-align: center;
		margin: 0 0 0 0;
		padding: 5px 20px;
		color: #fff;
		border: 2px solid #5bc0d7;
		background: #5bc0d7;
	}
		.archive-list .list-frame a.archive-btn:hover {
			color: #5bc0d7;
			border: 2px solid #5bc0d7;
			background: #fff;
		}
/*------------------------------------------------------------
	Archive taxonomy.php
-------------------------------------------------------------*/
.head-banner-area {
	width: 100%;
	height: 100%;
	margin: 0 0 50px 0;
	padding: 0;
}
.cat-btn-area {
	width:95%;
	padding:1em 1em 0 1em;
	margin:0 auto 2em auto;
	background: #eff9fb;
	border-radius:0.3em;
}
.cat-btn-box {
	display:flex;
	width:100%;
	margin:0 0 1em 0;
	padding:0;

	justify-content:space-between;
}
.cat-btn-box3 {
	display:flex;
	width:100%;
	margin:0 0 1em 0;
	padding:0;

	justify-content:space-between;
}
/*------------------------------------------------------------
	Archive//Plan_item
-------------------------------------------------------------*/
.archive-plan-area {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
	.archive-plan-area .plan-box {
		position: relative;
		width:calc(calc(100% - 10px) /2);
		min-height: 395px;
		margin-bottom: 10px;
		padding: 10px 10px 60px 10px;
		box-sizing: border-box;
		border: 1px solid #5bc0d7;
	}

	.archive-plan-area .plan-box .plan-photo {
		position: relative;
		width: 100%;
		height: 250px;
		margin: 0 0 10px 0;
		padding: 0;
		overflow: hidden;
	}
		.archive-plan-area .plan-box .plan-photo img {
			position: relative;
			width: 100%;
			height: 250px;
			object-fit: cover;
		}
		.archive-plan-area .plan-box .plan-photo h2 {
			display: block;
			position: absolute;
			bottom: 0px;
			left: 0;
			width: 100%;
			margin: 0;
			padding: 5px;
			color: #fff;
			font-size: 100%;
			font-weight: 400;
			background-color: rgba(104,71,54,0.5);/*茶色*/
		}
		.archive-plan-area .plan-box .plan-cat-area {
			width: 100%;
			margin: 0 0 10px 0;

		}
			.archive-plan-area .plan-box .plan-cat-area span,
			.archive-list .list-frame span {
				display: inline-block;
				margin: 0 5px 5px 0;
				padding: 0 10px;
				box-sizing: border-box;
				border: 1px solid #5bc0d7;
				background: #fff;
				color: #0d9dbd;
				font-size: 95%;
			}
			.archive-plan-area .plan-box #plan-price-area {
				font-size: 150%;
				font-weight: 500;
				color: #e15e54;
			}
				.archive-plan-area .plan-box #plan-price-area span {
					font-size: 70%;
				}
			.archive-plan-area .plan-box .plan-txt-area {
				width: 100%;
				margin: 10px 0;
				text-align: justify;
				text-justify:inter-character;
			}
		.archive-plan-area .plan-box a.plan-btn {
			position: absolute;
			bottom: 10px;
			display: block;
			width: calc(100% - 20px);
			padding: 5px;
			box-sizing: border-box;
			text-align: center;
			background: #5bc0d7;
			color: #fff;
			font-weight: 500;
			border: 2px solid #5bc0d7;
		}
		.archive-plan-area .plan-box a.plan-btn:hover {
				background: #fff;
				color: #5bc0d7;
				font-weight: 500;
				border: 2px solid #5bc0d7;
			}
}