.wrap-subtop { 
	display: block;
	width: 90vw;
	max-width: var(--max-size1);
	margin: 0 auto;
}

/* ここからIRライブラリー用目次 */

ul.mokujiLibrary {
	grid-template-columns: repeat(auto-fit,minmax(18em,1fr));
	width: 90vw;
	max-width: var(--max-size1);
	margin: 0 auto 5em;
}

.mokujiLibrary li {
	height: 100%;
}

.mokujiLibrary li a {
	display:flex;
	justify-content: center;
	align-items: center;
	height: 100%;
}
/* ここまでIRライブラリー用目次 */

.library_article {
	max-width: 100%;
	display:flex;
	margin-bottom: 8em;
/*	padding-bottom: 8em;*/
	border: none;
/*	border-bottom: solid 1px #aaa;*/
}

/*
.library_article:last-child {
	margin-bottom: 0;
	border-bottom: 0;
}
*/

.library_article img {
	max-width: 350px;
}


.library_article div p {
	padding: 0 0 0 0.5rem;
	margin: 0.5em 0;
	color: var(--main-color);
	font-weight: 500;
	font-size: var(--bunsyo);
	border-left: solid 0.7em;
}

a {
	font-size: var(--bunsyo);
}

.yukasyoken {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: 0;
}

.edinet {
	margin-bottom: 8em;
/*	border-bottom: solid 1px #aaa;*/
}

.edinet p,
.edinet a{
	font-size: var(--bunsyo);
/*	width: 52vw;*/
}

.edinet a {
	font-weight: 600;
}

.edinet a:hover {
	opacity:0.5;
	transition:0.3s;
}

div.librarycontents {
	width: 100%;
	margin-left: 3vw;
/*	margin-top: 3.5em;*/
}

div.pulldown {
/*	text-align: right;*/
	margin-bottom: 0;
}

span.libraryimg {
	display: block;
	overflow: hidden;
/*	height: 15vw;*/
}

.libraryimg img {
	width: 25vw;
	vertical-align: bottom;
}

.select,
.select2{
	width: 10em;
	text-align: center;
	text-align-last: center; /* Safari用 */
	font-size: var(--bunsyo);
	background-color: #fff;
	padding-top: 0.5vw;
	padding-bottom: 0.5vw;
	border-radius: 0.5vw;
	border: solid 1px #ccc;
	margin-bottom: 1em;
}

/* ここから有価証券報告書・株主総会用 */
.select2 {
	width: 15em;
}
/* ここまで有価証券報告書・株主総会用 */

.box ul,
.box-2 ul{
	margin-left: 0;
	padding-left: 0;
}

.box li,
.box-2 li{
	list-style: none;
	width: 100%;
}

.box li span,
.box-2 li span{
/*	border-left:0;*/
/*	color: #555;*/
/*	display: inline-block;*/
}

.box ul li {
	margin-bottom: 1em;
}

li.list_news div{
	display: flex;
}

span.date {
	text-align: justify;
}

.list_news a {
	display: inline-block;
}

.list_news a:hover span {
	color: var(--a-hover);
}


.article a:hover img{
	transform: none;
}

/* ここから開示資料・中期経営計画・資本コスト */

.list_ir a {
/*	display: block;*/
/*	flex-wrap: nowrap;*/
	font-size: var(--bunsyo);
/*	text-align: justify;*/
}

span.date_ir {
	min-width: 10em;
	color: #666;
	padding-right: 1em;
	text-align: justify;
}

span.title_ir {
	text-align: justify;
}

p.cyuki {
	text-align: left;
}

/* ここまで開示資料・中期経営計画・資本コスト */


/**********************
レスポンシブ対応
***********************/

@media screen and (max-width:786px)  {
	/* ここからIRライブラリー用目次 */
	
	.wrap-subtop{
		max-width: 90%;
	}
	
	.library_article {
		display: block;
/*		margin-bottom: 10vw;*/
	}
	
	div.librarycontents {
		margin-left: 0;
		margin-top: 2rem;
	}
	
	span.libraryimg {
		display:flex;
		align-items: center;
		height: 20vw;
	}
	
	.libraryimg img{
		width: 100%;
	}
	
	.select {
		font-size: 16px;	
	}
	
/*
	.edinet {
		margin-bottom: 10vw;
	}
	
*/
	.edinet p,
	.edinet a{
		width: 100%;
		font-size: 13px;
		text-align: justify;
	}
	
	.list_ir a {
		display: block;
	}
	
	.list_news a div{
/*		margin-bottom: 1rem;*/
	}
	
	li.list_news div{
		flex-wrap: wrap;
	}
	
	.list_ir a div{
		margin-bottom: 0.6em;
	}
	
	.list_ir:not(:last-child) {
		border-bottom: solid 1px #dfdfdf;
		margin-bottom: 0.4em;
	}
	
	span.date,
	span.date_ir,
	span.title_ir{
		font-size: 15px;
	}
	
	span.cyuki {
		text-align: left;
	}
	
	.list_news a img {
		height: 22px;
	}
}