@charset "UTF-8";
/* ===========================================================

	Title: top.css
	Created: 2018-05-02
	TOP専用スタイル

=========================================================== */
/*
	Common
	General
		banner
	
=========================================================== */



/* ===========================================================

	General

=========================================================== */

/* -----------------------------------------------------------
	Jumbotron
----------------------------------------------------------- */

.jumbotron-member {
	display: block; padding: 0; margin: 0;
	background-image: url(../img/top/jumbotron--member.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative;
	width: 100%; min-width: 1200px
}
.jumbotron-member::before {
	display: block; padding: 0; margin: 0;
	width: 100%; height: 100%;
	position: absolute; top: 0; left: 0;
	background-color: rgba(0,85,161,0.20);
	content: ""; z-index: 1;
}

.jumbotron-member__inner {
	display: flex; padding: 0; margin: 0 auto;
	align-items: center;
	width: 1200px; height: 500px;
	position: relative; z-index: 1;
	
}
.jumbotron-member h1 {
	display: block; padding: 0; margin: 0 auto;
	text-align: center;
	width: 600px;
	
}






.general-top {
	display: block; padding: 0; margin: 0;
}

/* -----------------------------------------------------------
	banner
----------------------------------------------------------- */
.general-top-banner {
	display: block; padding: 20px 0; margin: 0;
	background-color: rgba(241,241,241,1.00);
}
.general-top-banner__inner {
	display: flex; padding: 0; margin: 0 auto;
	width: 1200px; justify-content: center;
}
.general-top-banner dl {
	display: block; padding: 0 20px; margin: 0;
	width: 340px;
}
.general-top-banner dt {
	display: block; padding: 0 0 0.75em 0; margin: 0;
	font-size: 1.2rem;
}
.general-top-banner dd {
	display: block; padding: 0; margin: 0;
}
.general-top-banner a {
	display: block; padding: 10px 30px; margin: 0;
	background-color: rgba(255,255,255,1.00);
}
.general-top-banner img {
	width: auto; height: auto;
	max-width: 100%; max-height: 100%;
	vertical-align: baseline;
}


/* ===========================================================

	Member

=========================================================== */

.general-top__contents {
	display: block; padding: 0; margin: 0;
	min-height: 500px; position: relative;
}
/* -----------------------------------------------------------
	Jumbotron
----------------------------------------------------------- */

.jumbotron-general {
	display: block; padding: 0; margin: 0;
	background-image: url(../img/top/jumbotron--general.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative;
	width: 100%; min-width: 1200px;
	height: 100%;
}

.jumbotron-general::before {
	display: block; padding: 0; margin: 0;
	width: 100%; height: 100%; content: "";
	position: absolute; top: 0; left: 0;
	background-color: rgba(0,85,161,0.20);
}


.jumbotron-general__inner {
	display: flex; padding: 0; margin: 0 auto;
	align-items: center;
	width: 1200px; min-height: 500px;
	position: relative; z-index: 1;
	
}
.jumbotron-general h1 {
	display: block; padding: 0; margin: 0;
	text-align: center;
	width: 840px;
	
}
.jumbotron-general h1 span {
	display: block; padding: 0; margin: 0 auto;
	text-align: center;
	width: 600px;
	
}



.general-top__login {
	display: block; padding: 40px 50px; margin: 0;
	background-color: rgba(0,0,0,0.80);
	color: #fff;
}
.login-box {
	display: block; padding: 0; margin: 0 auto;
	width: 260px;
}
.login-box__title {
	display: block; padding: 0; margin: 0 0 35px 0;
	font-size: 2.0rem; text-align: center;
	font-weight: bold;
}
.login-input {
	display: block; padding: 0; margin: 0;
	font-size: 1.6rem; position: relative;
}

.login-box .text {
    font-size: 1.2rem;
    line-height: 1.6;
    padding-top: 1rem;
}

.login-contents__error {
	display: block; padding: 10px; margin: 0;
	background-color: #f00; color: #fff;
	position: absolute; top: -3.0em; left: 0;
	width: 100%;
	
}
.login-contents__error::before {
	display: block; padding: 0; margin: 0;
	content: "";
	
	width: 0; height: 0;
	border: 10px solid transparent;
	border-top: 10px solid #f00;
	
	position: absolute; bottom: -20px; left: 20px;
	
}

.login-input form {
	display: block; padding: 0; margin: 0;
}
.input-ui--login {
	display: block; padding: 0; margin: 0;
}
.input-ui--login p {
	display: block; padding: 0; margin: 0;
}


.input-ui--login p.input-ui--login__text {
	display: block; padding: 5px 0; margin: 0;
}
.input-ui--login p.input-ui--login__text input {
	display: block; padding: 10px; margin: 0;
	background-color: #fff; border: 1px solid #fff;
	width: 100%;
}
.error .input-ui--login p.input-ui--login__text input {
	background-color: #fee; border: 1px solid #f00;
}
.input-ui--login p.input-ui--login__button {
	display: block; padding: 10px; margin: 30px 0 10px 0;
}

.input-ui--login p.input-ui--login__button {
    display: block;
    padding: 10px;
    margin: 10px 0 10px 0;
}

.input-ui--login p.input-ui--login__button input {
	display: block; padding: 5px; margin: 0 auto;
	background-color: rgba(0,85,161,1.00);
	color: #fff;
	width: 180px; border-radius: 4px;
}



.login-box__forget {
	display: block; padding: 0; margin: 0;
	font-size: 1.2rem; text-align: center;
}
.login-box__forget a {
	display: block; padding: 0; margin: 0;
	font-size: 1.2rem; text-decoration: underline;
	color: #fff;
}
.login-box__forget a::before {
	display: inline-block; padding: 0; margin: 0 0.5em 0 0;
	content: "\f0da";
	font-family: FontAwesome; text-decoration: none;
}


/* -----------------------------------------------------------
	banner
----------------------------------------------------------- */
.member-top-banner {
	display: block; padding: 20px 0; margin: 0;
}
.member-top-banner__inner {
	display: block; padding: 0; margin: 0 auto;
}
.member-top-banner dl {
	display: block; padding: 0; margin: 0 0 1.0em 0;
	width: 100%;
}
.member-top-banner dt {
	display: block; padding: 0 0 0.75em 0; margin: 0;
	font-size: 1.2rem;
}
.member-top-banner dd {
	display: block; padding: 0; margin: 0;
}
.member-top-banner a {
	display: block; padding: 10px 60px; margin: 0;
	background-color: rgba(255,255,255,1.00);
	border: solid 1px #ddd;
}
.member-top-banner img {
	width: auto; height: auto;
	max-width: 100%; max-height: 100%;
	vertical-align: baseline;
}


.member-top {
	display: block; padding: 50px 0; margin: 0 auto;
	width: 1200px;
}

/* -----------------------------------------------------------
	summary data
----------------------------------------------------------- */
.summary-data {
	display: flex; padding: 20px 0; margin: 0 -15px;
}
.summary-data__inner {
	display: block; padding: 0 15px; margin: 0;
	width: calc(100% / 3);
}
.summary-data__data {
	display: block;
	padding: 0;
	margin: 0;
	width: 100%;
	position: relative;
}

.function-title {
	display: block; padding: 0; margin: 0;
	border-bottom: solid 2px #505050;
	position: relative;
}
.function-title__title {
	display: block; padding: 10px; margin: 0;
	font-size: 1.8rem; line-height: 26px;
	font-weight: bold;
}
.function-title__title::after { display: none; }
.function-title__links {
	display: flex; padding: 0; margin: -15px 0 0 0;
	font-size: 1.4rem;
	position: absolute; top: 50%; right: 0;
}
.function-title__links li {
	display: block; padding: 0 0 0 2.0em; margin: 0;
}
.function-title__links a {
	display: block; padding: 0 1.0em; margin: 0;
	line-height: 26px;
	border: solid 1px rgba(0,85,161,1.00);
	border-radius: 2px;
}
.function-title__links a::before {
	display: inline-block; padding: 0 0.5em 0 0; margin: 0; content: "\f0da";
	font-family: FontAwesome; color: #232b4f; font-size: 1.2rem;
	transition: all 0.5s;
}
.function-title__links a:hover {
	background-color: rgba(0,85,161,1.00);
	color: #fff;
}
.function-title__links a:hover::before {
	color: #fff;
}




/*
top-data-cell
*/

.summary-data__group {
	display: block; padding: 0; margin: 0;
	border-bottom: solid 1px #ddd;
	position: relative; height: calc(65px * 3);
}

.summary-data__cell {
	display: table; padding: 0; margin: 0;
	width: 100%;
}
.summary-data__cell dt,
.summary-data__cell dd {
	display: table-cell; padding: 14px 0; margin: 0;
	vertical-align: middle;
	border-top: solid 1px #ddd;
}
.summary-data__cell:first-child dt,
.summary-data__cell:first-child dd {
	border-top: none;
}

.summary-data__cell dt { white-space: nowrap; font-size: 1.0em; line-height: 1.2; }
.summary-data__title,
.summary-data__date {
	display: inline-block; padding: 0; margin: 0;
}
.summary-data__date-now {
	display: block; padding: 0; margin: 0;
	font-size: 1.2rem; line-height: 1.2;
	color: #666;
}
.summary-data__cell dd { white-space: nowrap; text-align: right; }
.summary-data__number {
	display: inline-block; padding: 0; margin: 0;
	font-size: 3.0rem; line-height: 1.2;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	color: rgba(0,85,161,1.00);
}
.summary-data__lot {
	display: inline-block; padding: 0; margin: 0;
	font-size: 1.4rem; line-height: 1.2;
	min-width: 3em; text-align: left;
}
.summary-data__lot--one {
	min-width: auto;
}




.summary-data__file {
	display: block; padding: 5px 0; margin: 0;
	position: relative;
	border-bottom: solid 1px #ddd;
	height: calc(65px * 3);
}
.summary-data__file ul {
	display: block; padding: 0.5em 0 0 0; margin: 0;
}
.summary-data__file li {
	display: block; padding: 0; margin: 5px 0;
	font-size: 0.875em;
	position: relative;
}
.summary-data__file a {
	display: block; padding: 6px 6.0em 6px 4.0em; margin: 0;
	position: relative;
	z-index: 1;
}
.summary-data__file a .file-icon {
	display: block;
	position: absolute; top: 4px; left: 0;
}


.summary-data__file p.data-file__btn {
	display: block; padding: 0; margin: 0;
	position: absolute; top: 0; right: 0;
	font-size: 0.857em;
}
.summary-data__file p.data-file__btn a {
	display: block; padding: 5px 2.0em; margin: 0;
	border: solid 1px #ddd; text-align: center;
	border-radius: 4px; transition: all 0.5s;
}
.summary-data__file p.data-file__btn a:hover {
	color: #fff;
	border: solid 1px rgba(0,85,161,1.00); background-color: rgba(0,85,161,1.00);;
}
.summary-data__file p.data-file__btn span {
	display: block; padding: 0; margin: 0;
}


.summary-data__file .data-file__correction {
	display: block; padding: 0; margin: 0;
	position: absolute; top: 40px; left: 0;
	width: 100%;
	background-color: #fff;
	box-shadow: 0 0 10px rgba(0,0,0,0.25);
	border-radius: 6px; overflow: hidden;
	z-index: 10;
}
.summary-data__file p.correction-popup__title {
	display: block; padding: 0.5em 1.0em; margin: 0;
	border-bottom: solid 1px #ddd;
	
}

.summary-data__file .data-file__list {
	padding: 0 1.0em; margin: 0;
}
.summary-data__file .data-file__list.date-list > dl > dt {
	padding: 0.25em 1.0em;
}
.summary-data__file .data-file__list.date-list > dl > dd {
	padding: 0.25em 1.0em 0.25em 0;
}
.summary-data__file .data-file__list a {
	padding: 0; margin: 0;
}
.data-file__correction p:last-child {
	display: block; padding: 0.5em; margin: 0;
	text-align: center;
}
.data-file__correction p span.js-popup-close {
	display: block; padding: 0.25em 0.5em; margin: 0 auto;
	text-align: center; width: 6em; color: #fff;
	background-color: #131327; text-align: center;
	font-size: 0.857em; transition: all 0.5s;
	cursor: pointer; border-radius: 4px;
}
.data-file__correction p span.js-popup-close:hover {
	color: #fff; background-color: #285183;
}



.summary-data__caption {
	display: block; padding: 1.0em 0; margin: auto 0 0 0;
	font-size: 1.2rem; text-align: right;
	width: 100%; color: #666;
	line-height: 1.0em;
}


.summary__correction {
	display: none; padding: 1.0em; margin: 0;
	position: absolute; top: 0; left: 0;
	width: 100%;
	background-color: #fff;
	box-shadow: 0 0 20px rgba(0,0,0,0.10);
	z-index: 100;
	border-radius: 4px;
	font-size: 1.2rem;
}


.correction__list dt,
.correction__list dd {
	padding: 0.25em 0.5em;
}
.summary-data__file a.date-list__text {
	display: inline-block; padding: 0; font-size: 1.0em;
}

.popup-close-btn {
	display: block; padding: 5px; margin: 0;
	border-top: solid 1px #ddd; text-align: center;
}
.popup-close-btn span {
	display: inline-block; padding: 5px 2.0em; margin: 0 auto;
	border: solid 1px #ddd; border-radius: 4px;
	cursor: pointer; transition: all 0.5s;
}
.popup-close-btn span:hover {
	background-color: rgba(0,85,161,1.00); color: #fff;
	border: solid 1px rgba(0,85,161,1.00);
}
/*

<div id="file1_2" class="summary__correction correction-popup js-popup-area" style="display: block;">
	<p class="correction-popup__title">第●期（20●●年●月期）資産運用報告&nbsp;訂正資料</p>
	<div class="correction__list">

		<dl>
			<dt>2018年5月21日</dt>
			<dd>
				<a href="/file/ir_library_term_errata-ee1a384fe0c58bc77dbe4cbab6d0b9bd937fa3bd.pdf" class="date-list__text">test1訂正</a> 
				<span class="file-icon file-icon--pdf">PDF</span> 
				<span class="file-size">18.7KB</span>
			</dd>
		</dl>

	</div>
<p class="popup-close-btn"><span class="js-popup-close">閉じる</span></p></div>

*/



/*
top-data
*/
.top-data {
	display: flex; padding: 20px 0; margin: 0 -15px;
}
.top-data__cell {
	display: block; padding: 0 15px; margin: 0;
}
.top-news {
	display: block; padding: 0; margin: 0;
	width: 790px;
}
.member-top-banner {
	display: block; padding: 0; margin: 0;
	width: 380px;
}