@charset "utf-8";

/*=============================================================
 pageBlock
=============================================================*/
#ir.top #pageBlock{
	/*height: 240px;
	background: url("/ir/img/index_p01.jpg") center center no-repeat;
	background-size: cover;*/
	color: #222!important;
}
#ir.top #pageBlock #pageTtlMain .ttl-h1{font-size: 48px;}
#ir.top #pageBlock #pageTtlMain #pagaTtlBox{
	display: flex;
	justify-content: space-between;
	column-gap: 20px;
}

#ir.top #pageBlock #stockPriceArea{
	max-width: 390px;
	width: 100%;
	line-height: 1.2;
}
#ir.top #pageBlock #stockPriceArea .priceBox{
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	white-space: nowrap;
	box-sizing: border-box;
}
#ir.top #pageBlock #stockPriceArea .priceBox:first-child{
	padding: 0 0 10px;
	border-bottom: 1px solid #707070;
}
#ir.top #pageBlock #stockPriceArea .priceBox:last-child{padding: 10px 0 0;}
#ir.top #pageBlock #stockPriceArea .priceBox #linkBlank{font-size: 18px;}
#ir.top #pageBlock #stockPriceArea .priceBox #price{font-size: 30px;}
#ir.top #pageBlock #stockPriceArea .priceBox #price span{font-size: 20px;}

/*=============================================================
 imgLinkArea
=============================================================*/


/*=============================================================
 grayBox
=============================================================*/
#ir.top .colorBox::before{content: none;}
#ir.top .grayBox .index-ttl{
	font-size: 20px;
	font-weight: normal;
	border-bottom: 2px solid #666;
	padding-bottom: 5px;
}
/*#ir.top .grayBox .downloadArea{align-items: flex-end;}*/
#ir.top .grayBox .download-btn{width: 200px;margin-left: auto;}
#ir.top .grayBox .download-btn a::after{content: none!important;}
#ir.top .grayBox .download-btn a span::before{
	top:0;
	margin-top:7px;
}

#ir.top .bgIcon>*{background: #EDF0F5!important}
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Tablet (portrait)
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (min-width:600px) and (max-width:959px){
	
#ir.top #pageBlock #pageTtlMain .ttl-h1{font-size: calc(34px + ((1vw - 6px) * 3.88889));}	
	
#ir.top #contentsArea{padding-top: 160px;}
#ir.top #pageBlock #stockPriceArea{
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: calc(100% - 8%);
	max-width: inherit;
	background: #EDF0F5!important;
	position: absolute;
	bottom: -178px;
	left: 4%;
	right: 4%;
	height: 158px;
	color: #222!important
}
#ir.top #pageBlock #stockPriceArea iframe{height: 100px;}
/*=============================================================
 pageBlock
=============================================================*/
#ir.top #pageBlock #pageTtlMain #pagaTtlBox{display: block;}

#ir.top #pageBlock #stockPriceArea{
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: calc(100% - 12%);
	max-width: inherit;
	background: #EDF0F5!important;
	position: absolute;
	bottom: -178px;
	left: 6%;
	right: 6%;
	height: 158px;
	color: #222!important;
}
#ir.top #pageBlock #stockPriceArea .priceBox{
	max-width: 390px;
	width: 100%;
	margin: 0 auto;
}
#ir.top #pageBlock #stockPriceArea .priceBox:first-child{padding: 0 4% 10px;}
#ir.top #pageBlock #stockPriceArea .priceBox:last-child{padding: 10px 4% 0;}
	
/*=============================================================
 grayBox
=============================================================*/
#ir.top .grayBox .col-2>*:first-child{margin-top: 0!important;}	
#ir.top .grayBox .col-2.tab-col-1>*:last-child{margin-top: 60px!important;}
#ir.top .grayBox .download-btn a::after{content: none!important;}

}


/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Smartphones
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width:599px){
	.ir-stock-wrapper{height: 90px;}	
#ir.top #pageBlock #pageTtlMain .ttl-h1{font-size:34px;}
#ir.top #contentsArea{padding-top: 160px;}
	
/*=============================================================
 pageBlock
=============================================================*/
#ir.top #pageBlock{
	height: 160px;
}
#ir.top #pageBlock #pageTtlMain #pagaTtlBox{display: block;}

#ir.top #pageBlock #stockPriceArea{
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: calc(100% - 8%);
	max-width: inherit;
	background: #EDF0F5!important;
	position: absolute;
	bottom: -178px;
	left: 4%;
	right: 4%;
	height: 158px;
	color: #222!important
}
#ir.top #pageBlock #stockPriceArea .priceBox{
	max-width: 390px;
	width: 100%;
	margin: 0 auto;
}
#ir.top #pageBlock #stockPriceArea .priceBox:first-child{padding: 0 4% 10px;}
#ir.top #pageBlock #stockPriceArea .priceBox:last-child{padding: 10px 4% 0;}
	
/*=============================================================
 grayBox
=============================================================*/
#ir.top .grayBox .col-2>*:first-child{margin-top: 0!important;}	
#ir.top .grayBox .download-btn{width: 100%;margin-top: 20px;}
	
}