/* common_style.css */
@charset "UTF-8";

h1{
	display: inline-block;
	margin:3rem 0 0 0;
	padding-bottom: 0.25rem;
	font-size: 2.0rem;
	border-bottom: solid 3px var(--ctcBlue);
}

.authorIndexParts{
}

.authorIndexParts .authorInformationBlock{
	margin-top:100px;
	margin-bottom:20px;
}
.authorIndexParts .linkList{
	margin-bottom:20px;
}
.authorIndexParts .linkList + .linkList{
	margin-bottom:30px;
}
.authorIndexParts .linkList h3{
	display:inline-block;
	padding:4px 10px;
	margin-bottom:30px;
	font-weight:bold;
	font-size:0.85em;
	background-color:var(--pureBlack);
	color:var(--pureWhite);
	width: 10rem;
	text-align: center;
}
.authorIndexParts .linkList ul{
}
.authorIndexParts .linkList ul li{
	display:flex;
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom:dotted 1px var(--pureBlack);
	list-style:none;
}
.authorIndexParts .linkList ul li span{
	font-size:0.85em;
	margin-right:1em;
	width:10em;
	white-space:nowrap;
}
.authorIndexParts .linkList ul li a{
	color:var(--ctcBlue)!important;
	text-decoration:underline !important;
	font-weight:normal;
	font-size:1.05em;
	position:relative;
}

.authorIndexParts .linkList ul li a[target="_blank"]::after {
    font-family: 'Material Symbols Outlined';
    content: "open_in_new";
    display: block;
    position: absolute;
    bottom: 3px;
    right: -20px;
}

/* FOR SMART PHONE ===================================================================== */
@media screen and (max-width:768px){
	.authorIndexParts .linkList ul li span{
		display:block;
	}
	.authorIndexParts .linkList ul li{
		display:block;
	}
}