@charset "utf-8";
/* CSS Document */
.temple_block h3 {
	font-size: 28px;
	font-weight: bold;
	letter-spacing: 1px;
	text-align: center;
	padding-bottom: 5px;
	border-bottom: 2px solid var(--accent);
	margin-bottom: 20px;
	
}
.temple_block h3 span {
	font-size: 28px;
}
.temple_block .temple {
	display: grid;
	grid-template-columns: repeat(2,1fr);
	gap: 20px;
	margin-bottom: 40px;
}
.temple_block .tera_block {
	padding:15px;
	border-radius: 4px;
	border: 1px solid #ddd;
}
.flex_box.temple_name {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	border-bottom: 2px solid var(--accent);
	padding-bottom: 5px;
}
.flex_box.temple_name h4 {
	font-size: 1.6em;
	font-weight: bold;
	line-height: 1.2;
	color: var(--main-color);
}
.flex_box.temple_name h4 span {
	font-size: 18px;
}
.flex_box.temple_name h4 a {
	color: var(--main-color);
	text-decoration: none;
}
.flex_box.temple_name h4 a:hover {
	color: var(--main-color);
}
.flex_box.temple_name .temple_add {
	font-size: 15px;
}
.flex_box.temple_name .temple_add a {
	font-size: 15px;
	color: var(--accent-color);
	text-decoration: underline;
}
.flex_box.temple_name .temple_add a:hover {
	text-decoration: none;
	color: var(--main-color);
}
.flex_box.type {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.flex_box.type .kinds,
.flex_box.tera_info .tera_price .type_box .kinds{
	display: flex;
	justify-content: space-between;
}
.flex_box.type .kinds .type_on {
	margin: 5px 2.5px 0;
}
.flex_box.type .plus {
	width: 36%;
}
.flex_box.type .plus p {
	font-size: 15px;
	text-align: right;
	color: #d9534f;
	font-weight: bold;
}
.flex_box.tera_info {
	margin-top: 5px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.flex_box.tera_info .tera_photo {
	width: 32%;
	border-radius: 4px;
	overflow: hidden;
}
.tera_photo a {
	color: var(--main-color);
	text-decoration: none;
}
.flex_box.tera_info .tera_price {
	width: 66%;
	display: flex;
	flex-direction: column;
}
.flex_box.tera_info .tera_price .type_box {
	display: flex;
	justify-content: space-between;
	border-bottom: 1px dashed #ddd;
	margin: .5em 0;
	padding-bottom: .25em;
}
.flex_box.tera_info .tera_price .sort {
	text-align: left;
	width: auto;
	padding-top: 2px;
	margin-top: 5px;
	color: var(--main-color);
	font-weight: bold;
}
.flex_box.tera_info .tera_price .sort span {
	padding: 0 .5em;
	font-size: 16px;
}
.flex_box.tera_info .tera_price .type_box .price_box {
	font-size: 30px;
	color: #d9534f;
	font-weight: bold;
	text-align: right;
	width: 36%!important;
	line-height: 100%;
}
.flex_box.tera_info .tera_price .type_box .price_box span {
	color: var(--main-color);
	font-size: 18px;
	font-weight: bold;
	line-height: 100%;
	padding-left: 3px;
}
.button008 {
	margin-top: auto;
}
.button008 a {
	display: block;
	margin-top: 15px;
	text-align: center;
	padding: 10px;
	border-radius: 4px;
	border: 2px solid var(--accent);
	font-weight: bold;
	color: var(--accent);
	position: relative;
	transition: .25s ease;
	text-decoration: none;
}
.button008 a:hover {
	background: var(--accent);
	color: #fff;
}
.button008 a::before {
	content: "";
	position: absolute;
	top: 50%;
	right: 15px;
	margin: auto;
	background-color: var(--accent);
	width: 15px;
	height: 15px;
	clip-path: polygon(40% 0, 90% 50%, 40% 100%, 30% 90%, 70% 50%, 30% 10%);
	transform: translateY(-50%);
	transition: transform .25s ease;
}
.button008 a:hover::before {
	transform: translateX(4px) translateY(-50%);
	background-color: #fff;
}
.btn_tera {
	margin-top: 5px;
	text-align: center;
	border-radius: 4px;
	border: 2px solid var(--l-accent);
	padding: 6px;
	font-size: 14px;
	position: relative;
	transition: .25s ease;
}
.btn_tera::before {
	content: "";
	position: absolute;
	top: 50%;
	right: 10px;
	margin: auto;
	background-color: var(--l-accent);
	width: 10px;
	height: 10px;
	clip-path: polygon(40% 0, 90% 50%, 40% 100%, 30% 90%, 70% 50%, 30% 10%);
	transform: translateY(-50%);
	transition: transform .25s ease;
}
.tera_photo a:hover .btn_tera::before {
	transform: translateX(4px) translateY(-50%);
}
.tera_photo a:hover{
	opacity: .7;
}
.tera_price + p,
.button008 + p,
.tera_info + p {
	margin-top: 10px;
}
.tera_price + p,
.type_box + p,
.button008 + p,
.tera_info + p {
	text-align: left;
	font-size: 14px;
	line-height: 1.5;
	color: #555;
}

/* =====================================
SP
===================================== */
@media screen and (max-width:768px){
	.temple_block .temple {
		grid-template-columns: 1fr;
	}
	.flex_box.type .plus {
		width: 50%;
	}
	.flex_box.temple_name .temple_add a {
		display: none;
	}
	.flex_box.tera_info .tera_photo {
		width: 100%;
	}
	.flex_box.tera_info .tera_photo img {
		width: 100% !important;
		height: 180px !important;
		object-fit: cover;
	}
	.btn_tera {
		display: none;
	}
	.flex_box.tera_info .tera_price {
		width: 100%;
	}
	.flex_box.tera_info .tera_price .sort span {
		font-size: 15px;
	}
	.flex_box.temple_name h4 {
		font-size: 1.6em;
	}
	.flex_box.temple_name h4 span {
		font-size: 16px;
	}
	.flex_box.temple_name {
		flex-wrap: wrap;
	}
	.temple_add {
		text-align: right;
		margin-left: auto;
	}
}