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

/*-Encore-*/
.accordion::details-content {
  opacity: 0;
  block-size: 0;
  transition: .5s;
  transition-property: display, opacity, block-size, padding;
  transition-behavior: allow-discrete;
  line-height: 1.6em;
}
.accordion[open]::details-content {
  opacity: 1;
  block-size: auto;
  block-size: calc-size(auto, size);
}

.encore_gairyaku { background:#ccc; border-radius: 4px; margin: 0!important; padding: 20px 5px!important; display: block; box-sizing: border-box; cursor: pointer;
font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho", serif; font-size:16px; text-align: center;}
dl.encore_thumb { box-sizing: border-box;}
dl.encore_thumb dt {background: #fff; border: solid 1px #e6e6e6; border-radius: 4px; text-align: center; }
dl.encore_thumb dd { margin-bottom: 20px; padding-top: 20px;}
dl.encore_thumb dd h3 { font-size: 24px!important;}
.author_name,.author_position {font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho", serif; width: auto; display:block; text-align: right;}
.author_name {font-size: 20px; line-height: 1.5;}
.author_position {font-size: 14px; line-height: 1.2; margin-bottom: 10px;}
.author_position::before {content: "-"; padding: 0 5px 0 10px; display: inline-block;}
dl.encore_thumb dd p { font-size: 14px; line-height: 1.5;}
dl.encore_thumb dd ul {}
dl.encore_thumb dd li { font-size: 14px; line-height: 1.5;}

.encore_list_container {
	max-height: 160px;
	overflow-y: scroll;
}
.encore-kantogen {
	padding: 20px;
}
.kantogen-title {width: 100px; padding: 5px 10px; background: #fff; border: solid 1px #e6e6e6; border-radius: 4px; text-align: center;}
.kantogen-contents h3 { font-size: 24px!important;}

.encore_download {
	margin-bottom: 20px;
	display: flex; flex-wrap: nowrap; justify-content: flex-end;
}
.encore_download:end-of-type { margin-bottom: 0;}
.encore_download a {
	width: 100%; max-width:400px; display: block; position: relative; padding: 10px;
	box-sizing: border-box;
	background: #fff;
	border: solid 1px #e6e6e6; border-radius: 20px;
	font-size: 16px; line-height: 1;
	text-align: center;
}
.encore_download a { text-decoration: none!important;	}
.encore_download a p {
	display: inline-block;
	transform: translateY(0.5em);
}
.encore_download a span {
	font-size: 12px;
}
.encore_download a img {
	width:auto; height: 40px;
	padding: 0 20px;
	position: absolute;
	top: 5px;
	left: 0;
}