@charset "utf-8";
@import url("/content/dam/family/ir/ir-sus_common.css");

/*===================================================================================

	IR

===================================================================================*/

/*--------------------------------------------------------------------------
	IR　top page
--------------------------------------------------------------------------*/
#irTopsec02 .ly-mod-layout-2clm .ly-mod-layout-clm.secLeft{
	width: 65.9%;
}
#irTopsec02 .ly-mod-layout-2clm .ly-mod-layout-clm.secRight{
	width: 31.5%;
}


.ly-irTop-nav-list {
	margin: 0px 0 20px;
}
.ly-irTop-nav-list dt {
	border-bottom: 2px solid #dcdcdc;
	font-size: 1.15385rem;
	font-family: "Rounded Mplus 1c";
	font-weight: 500;
	text-shadow:0px 0px 0.1px rgba(51,51,51,0.5);
}
.ly-irTop-nav-list dt a {
	display: block;
	padding: 10px 0;
}
.ly-irTop-nav-list dd {
	border-bottom: 1px solid #dcdcdc;
}
.ly-irTop-nav-list dd a {
	display: block;
	padding: 10px 0;
}
.ly-irTop-nav-list dd a .ly-icn-blank {
	position: relative;
	padding-right: 18px;
}
.ly-irTop-nav-list dd a .ly-icn-blank:after {
	position: absolute;
	content: '\e905';
	top: 50%;
	right: 0;
	margin-top: -9px;
	width: 12px;
	height: 12px;
	color: #008bcc;
	font-family: "icn_font";
	font-size: 12px;
	font-weight: normal;
}

/* irTop-quarter
-------------------------------------------------------------*/
#irTop-quarter {
/*	margin-top: 65px;*/
	background-color:#eceff1;
	padding: 30px 18px 18px 18px;
}
#irTop-quarter h2 {
	font-size: 20px;
	text-align: center;
	font-weight: bold;
	padding: 0 0 15px 0;
	border-bottom: 1px dotted #cfd8dc;
}
#irTop-quarter > p {
	background: #fff;
/*	margin: 15px 18px;*/
	box-sizing: border-box;
}
#irTop-quarter > p > a {
	display: block;
	padding: 25px 0 25px 30px;
	text-align: center;
	box-sizing: border-box;
	position: relative;
	font-size: 18px;
}
#irTop-quarter > p > a:before {
	display: block;
	content: "";
	width: 34px;
	height: 30px;
	background: url('/content/dam/family/ir/common_img/parts_spr.png') no-repeat -334px -32px;
	position: absolute;
	top: calc(50% - 17px);
	left: 20px;
}
/* irTop-stockprice
-------------------------------------------------------------*/
#irTop-stockprice{
	background-color:#eceff1;
	text-align:center;
	margin-top:26px;
	/* padding:25px 15px 18px; */
}
#irTop-stockprice h2{
	font-size:137.5%;
	line-height:1.3;
	font-weight:bold;
	margin:0 -15px 15px;
	padding:0 15px 15px;
	width: 100%;
	border-bottom:2px dotted #cfd8dc;
}
#irTop-stockprice h2 .textS{font-size:68.18%;}

/* irTop-library
-------------------------------------------------------------*/
#irTop-library{
	margin-top:25px;
	padding:12px 16px 16px;
	border:4px solid #f0f2f4;
}
#irTop-library h2{
	line-height:1.3;
	font-weight:bold;
	margin-bottom:8px;
}


#irTop-library .btn{
	font-size:110%;
	line-height:1.3;
	font-weight:bold;
}
#irTop-library .btn.link-pdf a {
	display:block;
	color:#fff;
	background:#36be50;
	text-decoration:none;
	padding:13px 10px 13px 40px;
}
#irTop-library .btn.link-pdf a:before {
	top: 1em;
	left: 15px !important;
	width: 20px;
	height: 21px;
	background: url('/content/dam/img/icn/icn_pdf.png');
	background-size: 18px 19px;
}
#irTop-library ul li{
	line-height: 180%;
}


#irTop-library h3{
/*	font-size:87.5%;*/
	line-height:1.3;
	font-weight:normal;
	margin:15px 0 12px;
	padding-bottom:6px;
	border-bottom:1px dotted #888;
}

/* irTop-ranking
-------------------------------------------------------------*/
#irTop-ranking{
	background-color:#eceff1;
	margin-top:25px;
	padding:20px;
}
#irTop-ranking h2{
/*	font-size:112.5%;*/
	line-height:1.3;
	font-weight:bold;
	margin-bottom:15px;
}
#irTop-ranking h2::after{
	content:"";
	background:url('/content/dam/family/ir/common_img/ir_icon_spr.png') no-repeat 0 -35px/auto 65px;
	display:inline-block;
	vertical-align:-15%;
	width:32px;
	height:22px;
	margin-left:8px;
}
#irTop-ranking ul{
	background-color:#fff;
	padding:18px 15px;
	counter-reset:number;
}
#irTop-ranking ul li{
	position: relative;
	margin-bottom: 0.5em;

}
#irTop-ranking li a{
	padding-left:48px;
	font-size: 120%;
}
#irTop-ranking li a::before{left:34px;}
#irTop-ranking li a::after{
	counter-increment:number;
	content:counter(number);
	color:#fff;
	font-size:87.5%;
	line-height:1.8;
	background-color:#36be50;
	display:block;
	width:1.8em;
	height:1.8em;
	text-align:center;
	margin-top:-0.9em;
	border-radius:100%;
	position:absolute;
	top:.8em;
	left:0;
}
#irTop-ranking li:nth-child(n+4) a::after{background-color:#999;}

/* irTop-menu04
-------------------------------------------------------------*/
#irTop-menu04.link-btn{
	font-size: 110%;
	line-height:1.4;
	margin-top:50px;
}
#irTop-menu04.link-btn li,
#irTop-menu04.link-btn:not(ul){
	display:table;
	width:100%;
	height:60px;
	position:relative;
}
#irTop-menu04.link-btn li+li{margin-top:10px;}
#irTop-menu04.link-btn a{
	color:#0296e6;
	text-decoration:none;
	display:table-cell;
	vertical-align:middle;
	padding:4px 10px 4px 26px;
	border:1px solid #ebebeb;
}
/*#irTop-menu04.link-btn a:hover{color:#ed8b00;}*/
#irTop-menu04.link-btn a::before{
	content:"";
	box-sizing:border-box;
	display:inline-block;
	vertical-align:middle;
	width:8px;
	height:8px;
	border-top:2px solid #0296e6;
	border-right:2px solid #0296e6;
	position:absolute;
	left:14px;
	top:50%;
	-webkit-transform:translate(-40%, -50%) rotate(45deg);
	transform:translate(-40%, -50%) rotate(45deg);
}
#irTop-menu04 li a{padding-right:54px;}
#irTop-menu04 li a::after{
	content:"";
	background:url('/content/dam/family/ir/common_img/ir_icon_spr.png') no-repeat -33px -35px/auto 65px;
	width:32px;
	height:30px;
	position:absolute;
	top:50%;
	right:18px;
	-webkit-transform:translate(0, -50%);
	transform:translate(0, -50%);
}
#irTop-menu04 li:nth-child(2) a::after{background-position:-66px -35px;}
#irTop-menu04 li:nth-child(3) a::after{background-position:-99px -35px;}
/* irTop-menu05
-------------------------------------------------------------*/
#irTop-menu05{
	margin-top:40px;
	border-top:1px dotted #666;
}
/* link-arw */
#irTop-menu05.link-arw{line-height:1.6;}
#irTop-menu05.link-arw li{
	margin-top:0;
	border-bottom:1px dotted #666;
}
#irTop-menu05.link-arw li+li{margin-top:10px;}
#irTop-menu05.link-arw a{
	display:block;
	padding:15px 0 15px 27px;
	text-decoration:none;
	display:inline-block;
	text-align:left;
	position:relative;
}
#irTop-menu05.link-arw a::before{
	content:"";
	box-sizing:border-box;
	width:8px;
	height:8px;
	margin-top:-1px;
	border-top:2px solid #0296e6;
	border-right:2px solid #0296e6;
	position:absolute;
	top:50%;
	left:10px;
	-webkit-transform:translate(-40%, -50%) rotate(45deg);
	transform:translate(-40%, -50%) rotate(45deg);
}


/*--------------------------------------------------------------------------
	IR　/ financial
--------------------------------------------------------------------------*/
/* pdfアイコン＋別ウィンドウマーク */
.table-data td p.link-pdf{
	display: inline-block;
	position: relative;
	padding-right: 17px;
	color: #008bcc;
}
.table-data td p.link-pdf:after {
	position: absolute;
    content: "\e905";
	top: 0.85em;
	right: 0;
	width: 12px;
	height: 12px;
	color: #008bcc;
	font-family: "icn_font";
	font-size: 12px;
	font-weight: normal;
	line-height: 0;
}

.table-data td p.link-pdf:hover {
	color: #008bcc;
	text-decoration: underline !important;
}










/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Smartphones
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width: 736px) {

/* irTop-quarter
-------------------------------------------------------------*/
#irTop-quarter > p > a {
	display: block;
	padding: 25px 0 25px 30px;
	text-align: center;
	box-sizing: border-box;
	position: relative;
	font-size: 18px;
}
#irTop-quarter > p > a:before {
	display: block;
	content: "";
	width: 34px;
	height: 30px;
	background: url('/content/dam/family/ir/common_img/parts_spr.png') no-repeat -334px -32px;
	position: absolute;
	top: calc(50% - 17px);
	left: 20px;
}


}