@charset "utf-8";

@media screen and (max-width:670px){
	body,
	div,
	ul, ol, li,
	h1, h2, h3{
		margin: 0;
		padding: 0;
		border:none;
	}    
    html {
        font-size: 62.5%;
    }
    
    /* --------------------------------------------------
     * 表の注釈
     * -------------------------------------------------- */
	 div.shwTableJP span:before {
		content: "表は横にスクロールしてご覧いただけます。";
		float:left;
		text-align:left;
		font-size:11px;
		color:#333;
		padding-left:18px;
	}
	div.shwTableEN span:before {
		content: "You can scroll this table holizontally";
		float:left;
		text-align:left;
		font-size:11px;
		color:#333;
		padding-left:18px;
	}
	/* --------------------------------------------------
 	* 単位表示
 	* -------------------------------------------------- */
	 span.unit{
		 font-size:12px;
	}
	span.netEx{
	 	font-size:12px;
	}
	div.acStandards{
		font-size:12px;
	}
    /* --------------------------------------------------
     * 通期・四半期 切替メニュー
     * -------------------------------------------------- */
    .submenuWrap{
        display: none;
    }   
/* --------------------------------------------------
 * メインメニュー（スマホ：プルダウン）
 * -------------------------------------------------- */
    #naviPulldownSp {margin: 0 auto 20px;}
	#naviPulldownSp {
		height: 42px;
	}
	#naviPulldownSp #naviPulldownAnnualSp_toggle,
    #naviPulldownSp #naviPulldownQuarterSp_toggle {
        float: left;
		display: block;
        width: 50%;
	}
	#naviPulldownSp #naviPulldownAnnualSp_toggle a,
    #naviPulldownSp #naviPulldownQuarterSp_toggle a{
		display: block;
		position: relative;
		padding: 14px 5px 14px 5px !important;
        font-size: 14px;
		font-weight: bold;
		text-align: center;
		text-decoration: none;
        line-height: 1;
        background: #fff;
		color: #444444;
	}
	#naviPulldownSp #naviPulldownAnnualSp_toggle a:hover,
    #naviPulldownSp #naviPulldownQuarterSp_toggle a:hover{
        text-decoration: underline;
    }
    /*装飾*/
    #naviPulldownSp #naviPulldownAnnualSp_toggle a:before,
    #naviPulldownSp #naviPulldownQuarterSp_toggle a:before {
        content: "";
        position: absolute;
        left: 50%;
        width: 12px;
        height: 8px;
        margin-left: -6px;
    }
    #naviPulldownSp #naviPulldownAnnualSp_toggle a:before,
    #naviPulldownSp #naviPulldownQuarterSp_toggle a:before {bottom: 6px;}
    #naviPulldownSp.quarterListPcHidden #naviPulldownQuarterSp_toggle a:before,
    #naviPulldownSp.annualListPcHidden #naviPulldownAnnualSp_toggle a:before {background: url(../../image/8001/Premium_icom_arrow_gray_bottom.png) no-repeat 0 0;}
    #naviPulldownSp.quarterListPcHidden #naviPulldownAnnualSp_toggle a:before,
    #naviPulldownSp.annualListPcHidden #naviPulldownQuarterSp_toggle a:before{background: url(../../image/8001/Premium_icom_arrow_white_bottom.png) no-repeat 0 0;}
    
	/* 通期・四半期 切替メニュー　と同じように選択状態を表示*/
    #naviPulldownSp.quarterListPcHidden #naviPulldownAnnualSp_toggle a,
    #naviPulldownSp.annualListPcHidden #naviPulldownQuarterSp_toggle a{
        background: #17448A;
        color: #fff;
    }
    
	/*プルダウンボタン*/
    #naviPulldownSp #naviPulldownAnnualSp_list .list_columnPc,
    #naviPulldownSp #naviPulldownQuarterSp_list .list_columnPc{
        width: 100%;
	}
    #naviPulldownSp #naviPulldownAnnualSp_list .list_columnPc a,
    #naviPulldownSp #naviPulldownQuarterSp_list .list_columnPc a{
        padding: 12px;
        font-size: 14px;
    }
	/*メニュー*/
	#naviPulldownSp #naviPulldownAnnualSp_list,
    #naviPulldownSp #naviPulldownQuarterSp_list {
		position: relative;
		overflow-y: auto;
		/*height: 400px;*/
		z-index: 999;
	}
	#naviPulldownSp.quarterListPcHidden #naviPulldownAnnualSp_list,
    #naviPulldownSp.quarterListPcHidden #naviPulldownQuarterSp_list,
	#naviPulldownSp.annualListPcHidden #naviPulldownAnnualSp_list,
    #naviPulldownSp.annualListPcHidden #naviPulldownQuarterSp_list {
        display: none;
    }
	#naviPulldownSp #naviPulldownAnnualSp_list .list_columnPc:first-child,
    #naviPulldownSp #naviPulldownQuarterSp_list .list_columnPc:first-child {
		margin-right: 0;
	}
    

    /* --------------
     * 小分類
     * -------------- */
    .smallitemlistWrap{width: 100%;}
    .smallitemlistWrap ul.smallitemlist li {
        position: relative;
        float: left;
        width: 50%;
        margin: 0 0 5px;
        padding: 0 0 0 15px;
        text-align: left;
    }
    .smallitemlistWrap ul.smallitemlist li a{
        font-size: 12px;
    }
    /*装飾「＞」*/
    .smallitemlistWrap ul.smallitemlist li a:before{
        position: absolute;
        left: 4px;
        top: 2px;
    }
    /*ｾｸﾞﾒﾝﾄ別*/
    .smallitemlistWrap ul.smallitemlist li span{font-size: 18px;}
        
    /* --------------------------------------------------
     * エクセルダウンロード
     * -------------------------------------------------- */
	.excelDL .excelDL_list {
		margin-top:10px;
	}
    /* --------------------------------------------------
     * Table
     * -------------------------------------------------- */
    .TableWrap table,
    .TableWrap_investDetail table,
    .TableWrap_investTotal table {
        font-size: 1.2rem;
    }
	.TableWrap table tr:first-child td{
	    font-size: 11px;
    }
    
    /* --------------------------------------------------
     * footer
     * -------------------------------------------------- */
    .footerLink_attention a{
        font-size:12px;
    }
	   div.text-section {
			margin-bottom:20px;
			line-height: 1.8;
		}
	/* --------------------------------------------------
	 * 経営成績
	 * -------------------------------------------------- */
	.exData{
		font-size:13px;
	}
	/* --------------------------------------------------
	 * セグメント
	 * -------------------------------------------------- */
	/*説明文　セグメントタイトル下注釈*/		
	.attTxt02 {
	margin:10px 0 20px 0;
	}
	.attTxt02 ul li {
		font-size:12px;
	}
	/* --------------------------------------------------
	 * 決算ハイライト
	 * -------------------------------------------------- */
	
	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;
	}


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

		【共通】円グラフ 凡例

	■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
    .comHanrei {
        font-size: 12px;
    }	

	
    
	/* --------------------------------------------------
	 * 投資実績
	 * -------------------------------------------------- */
    .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%;
	}
}