@charset "utf-8";


/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■

	【共通】メニューデザイン①
 
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

	/*通期・四半期★タブ背景色*/
	.com_menu01.pulldownTrue#listQHidden .tabSP .tabA,
    .com_menu01.pulldownTrue#listAHidden .tabSP .tabQ{
        background: #003087;
		border-bottom: 3px #003087 solid;
    }


/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■

	【共通】ページタイトル②　タイトル文字下に線	 
 
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */	

	h2.comPageTitle2 {
		font-size: 22px;	
	}

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■

	【共通】パーツタイトル　サブタイトル	 
 
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */	
	.comSubTitle1 {
        font-size: 18px;
	}
	

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■

	個別設定
 
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */	


	
/* ---------------------------------------------------------
	ハイライトページ
/* --------------------------------------------------------- */	


	/*--------------------------
　	　タイトル（セグメント情報）
	--------------------------*/
	.pageTitle1{
		font-size: 18px;
	}
	/*--------------------------
　	　タイトル：売上高、営業利益
	--------------------------*/	
	.pageTitle3 {
        font-size: 14px;
	}
	/*--------------------------
　	　box設定：2グラフ横並び
	--------------------------*/
    .boxLeft{
		float: none;
		width:100%;
	}
	.boxRight{
		float: none;
		width:100%;
		margin-top:30px;
	}
	/*--------------------------
　	　box設定：3グラフ横並び
	--------------------------*/
	.box01, .box02, .box03{
		float: none;
		width:100%;
		margin-top:30px;
		border-right: none;
		border-left: none;
	}




/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■

	ハイライト
 
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
	/*--------------------------
　	　【テーブル】サマリーテーブル
	--------------------------*/		
	.summaryWrap{
		margin:0 auto 30px auto;
		padding:15px 5px 35px 5px;		
		overflow-x: scroll;
	}	
	.summaryWrap table{
		width: 100%;
	}
	/* --------------
	 * td 全体設定
	 * -------------- */
	.summaryWrap table td{
		padding: 10px 2px;
	}
	.summaryWrap table td.unit{
		font-size:12px;
	}
	.summaryWrap table td.fontB{
		font-size:18px;
	}
	.summaryWrap table td.fontYOY{
		font-size:14px;		
		padding-right:1%;
	}
	.summaryWrap table td.YOYtitle{	
		font-size:12px;		
		padding-right:1%;
	}
	.summaryWrap table td.YOYtitle_EN{	
		font-size:12px;		
		padding-right:1%;
	}
	/*最初の列（左1列）*/
	.summaryWrap table tr td:first-child{
		width:15%;
		font-size:14px;
	}	
	
	/*--------------------------
　	　【テーブル】前期比
	--------------------------*/	
	/*タイトル：ハイライト_テーブル*/	
	.clTitle{
		font-size: 13px;
	}
	.yoyTableWrap table td{		
		font-size: 14px;
	}
	.yoyTableWrap table td.title{		
		width:120px;
		padding: 8px 4px;
	}
	.yoyTableWrap table td.title{		
		width:40%;
	}
	

	/* --------------------------------------------------
	 * 決算ハイライト
	 * -------------------------------------------------- */
	
	div.special span.secTxt,
	div.special div.text-section ul li,
	div.special div.text-section,
	div.highlight-quoted-text p, div.text-section p{
		font-size:12px;
	}	
	div.special table.highlight-summary td.ENtxt{
		font-size:12px;
	}
	/*説明文　セグメントタイトル下注釈*/		
	.attTxt01 {
		margin:10px 0 0 0;
	}
	.attTxt01 ul li {
		font-size:12px;
	}

	/*●ハイライトグラフ●*/
	
	#segment_Highcharts{
		height:700px;/*セグメント別*/
	}

	 .titleSub{
		font-size:16px;
	}
	span.secTxt{
		font-size:12px;
	}
	span.liTxt{
		font-size:12px;
		padding-left: 1.5em;
		text-indent: -1.5em;
	}
	span.liTxt:before{
		content: "●";
		color: #999;
		padding-right:8px;
	}
	div.column1 ,
	div.column2{
		margin-bottom:20px;
		font-size: 12px;
	}		
	.multiColumn1 ,
	.multiColumn2 {
		clear:both;
		margin-bottom:30px;
		font-size: 0;
		font-size: 1.2rem;
	}
	.multiColumn2:after{
		content:"";
		display:block;
		height:0px;
		clear:both;
		visibility:hidden;
	}
	.multiColumn1 div.column1,
	.multiColumn2 div.column1 ,
	.multiColumn2 div.column2,
	.multiColumn2 .columnSeg{
		width: 100%;
	}
	div.highlight-quoted-text ,
	div.text-section{
		text-align: center;
	}
	div.highlight-quoted-text > * ,
	div.text-section > *{
		text-align: left;
	}
	div.highlight-quoted-text p ,
	div.text-section p{
		display: block;
	}
	div.highlight-quoted-text ul ,
	div.text-section ul{
		list-style:none;
	}
	div.highlight-quoted-text ul li ,
	div.text-section ul li{
		list-style:none;
		padding-left:22px;
		position: relative;
	}
	div.highlight-quoted-text ul li:before ,
	div.text-section ul li:before{
		content: "";
		position: absolute;
		top: 0.5em;
		left: 0;
		width: 9px;
		height: 9px;
		border-radius: 50%;
		background-color: #999;
	}
	
	div.text-section h2 ,
	div.title2 h2{
		font-family: 'Noto Sans Japanese', 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
		font-weight: 400;
		clear:both;
		padding: 13px 0;
		border-bottom: 1px solid #DDD;
		color: #444;
		line-height: 1.2;
		font-size: 20px;
		font-size: 2rem;
		font-weight: normal;
		margin-bottom: 20px;
	}
	div.title2 h2 {
		clear:both;
	}
	div.title3 h3 {
		font-family: 'Noto Sans Japanese', 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
		font-weight: 400;
		color: #444;
		line-height: 1.2;
		padding: 12px 0 12px 17px;
		border-left: 3px solid #999;
		font-size: 16px;
		font-size: 1.6rem;
		margin-bottom: 15px;
	}
    div.title4 h4 {
    margin: 35px 0	14px 0;
        padding-left: 19px;
		font-size: 16px;
	}
    div.title4 h4:before {
        top: 0.05em;
    }
    
	div.text-section {
        margin-bottom:20px;
        line-height: 1.8;
	}
	div.text-section h2 {
		clear:both;
		margin-bottom:15px;
	}
	div.highlight-quoted-text {
        border: 1px solid #d4d8e0;
        background-color: #eef0f4;
        padding: 10px 24px;
        vertical-align: bottom;
    }

	.type1Table td:nth-of-type(1) {
		padding-left:50px;
	}
	.type2Table td:nth-of-type(1) {
		padding-left:20px;
	}

	table.highlight-summary th {
		vertical-align: text-bottom;
		border-bottom: 1px solid #444444;
		padding: 17px 0px 5px;
	}
	table.highlight-summary th strong {
		font-weight: normal;
	}
	table.highlight-summary td {
		vertical-align: text-bottom;
		border-bottom: 1px solid #d4d8e0;
		padding: 17px 0px 5px;
	}
	
	table.highlight-summary ,
	table.highlight-summary > tbody ,
	table.highlight-summary > tbody > tr ,
	table.highlight-summary > tbody > tr > th ,
	table.highlight-summary > tbody > tr > td {
		display: block;
		width:100% !important;
	}
	
	table.highlight-summary > tbody > tr > th br ,
	table.highlight-summary > tbody > tr > td br {
		display: none;
	}
    .multiColumn1:last-child,
	.multiColumn2:last-child{
		margin-bottom: 0px;
	}
	.multiColumn1:last-child > div:last-child ,
	.multiColumn2:last-child > div:last-child{
		margin-bottom: 0px;
	}
	.multiColumn1:last-child > div:last-child > div:last-child ,
	.multiColumn2:last-child > div:last-child > div:last-child{
		margin-bottom: 0px;
	}
	/*-- 装飾用 --*/
	div.text-section {
		position: relative;
	}

    
	/* --------------------------------------------------
	 * 投資実績
	 * -------------------------------------------------- */
    .TableWrap_investDetail,
    .TableWrap_investDetail {
        padding-left: 12px;
    }
    
    /* --------------
     * td PADDING設定
     * -------------- */
    .TableWrap_investDetail table td,
    .TableWrap_investTotal table td {padding: 3px 5px;}

    /* --------------
     * td 幅設定
     *  -------------- */
    .TableWrap_investDetail table td {width: calc(50% - 50px);}
    .TableWrap_investDetail table tr:first-child td:first-child{width: 90px;}  /*投資実績＞最初の1列目*/
    .TableWrap_investTotal table td {width: 45%;}
    .TableWrap_investTotal table tr:first-child td:first-child {width: 10%;min-width: 102px;max-width: 103px;}
    
    .TableWrap_investDetail td.column:before,
    .TableWrap_investDetail td.detailTitle:before,
    .TableWrap_investDetail td.segTitle:before{
        left: -12px;
        width: 12px;
    }
    
    
}

@media screen and (max-width:599px){
/* 配当（メインナビゲーション） */
	#toggle {
		z-index:999;
		display: block;
		position: relative;
		width: 100%;
	}
	#toggle a {
		display: block;
		position: relative;
		/*変更padding: 12px 0 10px;　border-bottom:削除	*/
		padding: 10px 0 10px;
		color: #fff;
		text-align: center;
		text-decoration: none;
		text-indent: -9999px;
	}
	#toggle:before {
		display: block;
		content: "";
		position: absolute;
		top: 47%;
		right: 10px;
		width: 20px;
		height: 20px;
		margin-top: -10px;
		background: #fff;
	}
	#toggle a:before,
	#toggle a:after {
		display: block;
		content: "";
		position: absolute;
		top: 47%;
		right: 10px;
		width: 20px;
		height: 4px;
		background: #1073BB;
	}
	#toggle a:before {
		margin-top: -6px;
	}
	#toggle a:after {
		margin-top: 2px;
	}
	#contentsNavi {
		height: 34px;
	}
	ul#contentsmainNavi {
		display: none;
	}
	ul#contentsmainNavi li {
		z-index: 999;
		width: 100%;
		height: 30px;
		/*変更　以下追加	*/
		float: none;
	}
	ul#contentsmainNavi li a {
		padding: 0 15px;
		height: 30px;
		font-size: 13px;
		line-height: 30px;
		text-align: left;		
		border-bottom: 1px solid #fff;
	}
	ul#contentsmainNavi li:first-child a {
		border-top: 1px solid #fff;
	}
	ul#contentsmainNavi li a.naviCur {
		padding: 0 15px;
		height: 30px;
		font-size: 13px;
		line-height: 30px;
		background-image: none;
	}
	ul#contentsmainNavi li.en a {
		line-height: 30px;
	}
	ul#contentsmainNavi li.en a.naviCur {
		font-size: 12px;
		line-height: 30px;
	}

}


@media screen and (max-width:500px){
    /* --------------------------------------------------
	 * グラフ操作（ボタン）
	* -------------------------------------------------- */
	.graphTermButton{
		margin-left:8px;
	}
	.graphTermButton div{
		width:32.4%;
	}
}