@charset "UTF-8";
/* CSS Document */

/* event */
#event .mainvisual{
	margin-bottom: 1rem;
}
#event .mainvisual img {
	border: 1px solid var(--color-gray);
}
#event .content {
	text-align: center;
}
#event .txt_lead span {
	font-weight: 600;
	color: #e60012;
}
#event .txt_lead span span {
	color: var(--color-txt);
	margin-inline: auto;
	width: -moz-fit-content;
	width: fit-content;
	padding: 0 8px 4px;	
	background-image: linear-gradient(rgba(0 0 0 / 0) 50%, rgba(255,240,0,0.6) 50%);
}
#event .txt_lead a {
	display: inline;
	color: var(--color-blue);
	text-decoration: underline;
}
#event .txt_bold {
	color: var(--color-txt);
	font-weight: 600;
}
#event .notice {
	text-align: left;
	font-size: 0.9rem;
}
#event .txt_lead .notice {
	text-align: center;
}
#event .cover_txt_wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	margin: 20px auto;
}
#event .book_cover {
	width: 80%;
	margin-bottom: 2rem;
}
#event .book_ttl {
	text-align: center;
	color: var(--color-txt);	
	font-size: 16px;
}
#event .book_ttl span {
	margin-inline: auto;
	width: -moz-fit-content;
	width: fit-content;
	padding: 0 8px 4px;	
	background-image: linear-gradient(rgba(0 0 0 / 0) 50%, rgba(255,240,0,0.6) 50%);
}
.book_txt hr {
	margin: 16px auto;
	max-width: 360px;
}
.release_date {
	font-weight: 600;
}
.release_date span {
	color: #e60012;
}
.sample_img {
	margin-bottom: 1rem;
}
.sample_img img {
	border: 1px solid var(--color-gray);
}
.p_small {
	font-size: 0.8rem;
	margin-top: 0;
}
#event .author_area {
	text-align: left;
}
.btn_book {
	font-size: 1.2rem;
	margin-top: 3rem;
	margin: 1rem auto;
	max-width: 360px;
}
.btn_book a {
	transition: transform 0.3s;
	color: var(--color-blue);
	font-family: 'Zen Maru Gothic', sans-serif;
	text-align: center;
	border: 2px solid var(--color-blue);
	border-radius: 8px;
	margin: 8px;
	padding: 10px 4px;
}


/*** for TB ***/
@media (min-width: 768px),print {
	
	#event .txt_lead {
		font-size: 1.2rem;
	}
	#event .txt_lead span, .txt_bold {
		font-size: 1.5rem;
	}
	.release_date {
		font-size: 1.2rem;
	}
	.release_date span {
		font-size: 1.5rem;
	}
	#event .book_ttl {
		font-size: 24px;
	}
	#event .book_cover {
		width: 40%;
	}
	#event .book_txt {
		width: 56%;
	}
	#event .book_lead {
		font-size: 1.125rem;
	}
	.btn_book a {
		border-radius: 8px;
		margin: 10px;
		padding: 10px 8px;
	}
	.btn_book a:hover {
		background-color: #597cc4;
		color: #fff;
		transform: scale(1.05);
	}
}