@charset "utf-8";

/*-------------------------------------------------------------------------
/* 初期化 / 全体の設定
---------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a ,abbr , acr.exm, address, big, cite, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, Link, table, tbody, thead, tr, th, td, tfoot {
	margin: 0;
	padding: 0;
	font-style: normal;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
html, body {
	margin: 0px auto;
	width: 100%;
	-webkit-text-size-adjust: 100%;
}
html{
	font-size: 10px;
}
body {
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic ProN", sans-serif;
	color: #000;
	font-size: 14px;
	line-height: 1.5;
	text-align:center;
}

header, article, aside, section, footer, nav {
	display: block;
}
input, textarea, select, button { 
	outline: none;
	background: none;
	border: none;
}
label, input[type='checkbox'], input[type='radio'], input[type='submit']{
	 cursor: pointer;
}
input, select, textarea {
	font-size: 100%;
}
select::-ms-expand {/* IE10 */
	display: none;
}
select {/* firefox */
	-moz-appearance: none;
	text-indent: 0.01px;
	text-overflow: '';
}
button {
	background-color: transparent;
	border: none;
	padding: 0;
	appearance: none;
}
button:hover {
	cursor: pointer;
}
input::-webkit-input-placeholder, input:-ms-input-placeholder, input::-moz-placeholder {
	font-weight: normal;
}
a:link, a:hover {
	cursor: pointer;
}
a:focus-visible,input:focus-visible{/*Accessibility*/
	z-index:100;
}
ul {
	list-style: none;
}
table {
	width:100%;
	border-collapse: collapse;
	border-spacing: 0;
}

.mgB0{margin-bottom:0px!important;}
.pdB0{padding-bottom:0px!important;}


/*
★★★以下、共通レイアウトCSS★★★
 */

/*--------------------------
　【共通】グラフ幅　100％
--------------------------*/
	/*20230525 ver2*/
	div[id^="comG"]	{
		width: 100%;
		height:450px;
	} 
    div[id^="circleG"]		{
        width: 100%;
        height:310px;
    }

	/*旧verのグラフid*/
 	div[id^="commonGraph"] 	{
		width: 100%;
	}



/*20230525 ver2 START*/
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■

	【共通】メニューデザイン
 
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/*--------------------------*/	
/* 通期・四半期 PC用*/
/*--------------------------*/
    /* ---------------------
     * メニューデザイン①②共通
     * --------------------- */
	.com_menu01,
    .com_menu02{
		width: 99%;/*Accessibility*/
		margin:5px auto 0 auto;/*Accessibility*/
	}
	.com_menu01 .tabPC{
		display: table;
        margin: auto;
		width: 100%;
	}
	.com_menu01 .tabPC a{
        text-align: center;
        text-decoration: none;
        color: #666666;        
	}
    .com_menu01 .tabPC a:hover{
        color: #000000;
    }
    /* ---------------------
     * メニューデザイン①共通
     * --------------------- */
    .com_menu01 .tabPC a{
        position: relative;
        display: table-cell;
        padding: 12px 0;
        width: 50%;
        border-bottom: 3px #cccccc solid;
        vertical-align: middle;
        font-size: 16px;
    }
    .com_menu01 .tabPC a:hover{color: #000000;}
    /*選択状態*/
	.com_menu01#listQHidden .tabPC a.tabA,
    .com_menu01#listAHidden .tabPC a.tabQ{
		font-weight: bold;
		color: #ffffff;                   /*★★★【個別css】★★★*/
		background: #666666;              /*★★★【個別css】★★★*/
		border-bottom: 3px #666666 solid; /*★★★【個別css】★★★*/
	}
    /* ---------------------
     * メニューデザイン②共通
     * --------------------- */
    .com_menu02 .kikan {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        align-items: stretch;
        margin: 0 auto 20px;
        width: 100%;
        max-width: 500px;
	}
    .com_menu02 .kikan a{
        display: flex;
        align-items: center;
        justify-content: space-around;
        flex:1;
        margin-right: 3px;
        margin-bottom: 3px;
        padding: 8px 0;
        font-size: 13px;
        color: #000000;
        text-align: center;
        background: #ffffff;
        text-decoration: none;
        border: 1px solid #d8d8d8;
    }
    .com_menu02 .kikan a:last-child {
        margin-right: 0px;
    }
    /*選択状態*/
    .com_menu02 .kikan a:hover,
	.com_menu02#listQHidden .kikan a.kikanA,
    .com_menu02#listAHidden .kikan a.kikanQ{
        color: #ffffff;                 /*★★★【個別css】★★★*/
        background: #666666;            /*★★★【個別css】★★★*/
        border: 1px solid #666666;      /*★★★【個別css】★★★*/
	}

/*--------------------------*/	
/* toggle スマホ用*/
/*--------------------------*/
    /* ---------------------
     * メニューデザイン①②共通
     * --------------------- */
    .com_menu01 .tabSP,
    .com_menu02 .tabSP {
        margin: 0 auto;
    }
    /*スマホ時用toggle(通期・四半期)：デフォルト非表示*/
	.com_menu01 .tabSP > div,
    .com_menu02 .tabSP > div {
        display: none;
    }

/*--------------------------*/	
/* メニュー*/
/*--------------------------*/ 
    /* ---------------------
     * メニューデザイン①②共通
     * --------------------- */
	.com_menu01 .list,
    .com_menu02 .list{
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        align-items: stretch;
        width: 100%;
	}
    .com_menu01 .list a,
    .com_menu02 .list a{
        display: flex;
        align-items: center;        
        cursor: pointer;
        color: #000;
        line-height: 1.2;
        text-decoration: none;
        background: #fff;
        border-bottom: 1px solid #999999;
	}
    /**/
	.com_menu01#listAHidden #listA,/* 通期ページ閲覧時、スマホ四半期非表示*/
    .com_menu02#listAHidden #listA,
    .com_menu01#listQHidden #listQ,/*　四半期ページ閲覧時、スマホ通期非表示 */
    .com_menu02#listQHidden #listQ{
        display: none;
    }

@media print {    
	.com_menu01,
    .com_menu02,
	.com_menu01 .list,
    .com_menu02 .list{
		display:none;
	}
}

    /* -----------------
     * メニューデザイン①共通
     * -----------------*/
    .com_menu01 .list {
        margin:30px auto 40px;
    }
    .com_menu01 .list a{
        padding: 10px;
        width: 50%;
        font-size: 16px;
        text-align: left;
    }
	.com_menu01 .list a:hover{
        text-decoration: none;
        color: #666666;/*★★★【個別css】★★★*/
	}
    .com_menu01 .list a.naviCur{
        border-bottom: 2px #000000 solid;/*★★★【個別css】★★★*/
        background: #ffffff;
    }
    /* -----------------
     * メニューデザイン②共通
     * -----------------*/
    .com_menu02 .list {
        margin-bottom: 20px;
        border-top: 1px solid #d8d8d8;
        border-left: 1px solid #d8d8d8;
    }
    .com_menu02 .list a{
        padding: 12px 2px;
        justify-content: space-around;/*中央揃え*/
        border-right: 1px solid #d8d8d8;
        border-bottom: 3px solid #d8d8d8;
    }
    /* -----------------
     * メニューデザイン②プルダウン＜有＞
     * -----------------*/
    .com_menu02.pulldownTrue .list a{
        flex: 1;/*1列に均等に配置*/
    }
    /*選択状態*/
	.com_menu02.pulldownTrue .list a:hover,
    .com_menu02.pulldownTrue .list a.naviCur{
        border-bottom: 3px solid #000000;/*★★★【個別css】★★★*/
        background: #e8e9ea;
    }
    /* -----------------
     * メニューデザイン②プルダウン＜無＞
     * -----------------*/
    .com_menu02.pulldownFalse .list a{
        width: 33.33%;
        width:calc(100%/3);
        width:-webkit-calc(100%/3);
        width:-moz-calc(100%/3);
    }
    .com_menu02.pulldownFalse .list a{
        border-bottom: 1px solid #d8d8d8;
    }
    /*選択状態*/
	.com_menu02.pulldownFalse .list a:hover{
        color: #666;/*★★★【個別css】★★★*/
    }
    .com_menu02.pulldownFalse .list a.naviCur{
        border-bottom: 3px solid #224392;/*★★★【個別css】★★★*/
        background: #e7eef9;
    }


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

	【共通】ボタン
 
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
    .com_button {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        align-items: stretch;
        margin: 20px auto 25px;
        width: 100%;
    }
    .com_button .link {
        display: flex;
        align-items: center;
        justify-content: space-around;
        flex:1;
        margin-right: 3px;
        margin-bottom: 3px;
        padding: 8px 0;
        font-size: 13px;
        color: #000000;
        text-align: center;
        background: #ffffff;
        text-decoration: none;
        border: 1px solid #d8d8d8;
    }
    .com_button a:last-child {
        margin-right: 0px;
    }
    /*選択状態*/
    .com_button .link.naviCur,
    .com_button .link:hover{
        background: #224392;
        color: #fff;
    }

/*20230525 ver2 END*/


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

/*これより以下は旧ver のメニュー*/

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

	【共通】メインメニュー①　フルver（通期・四半期）
 
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */	


/*--------------------------*/	
　/*通期・四半期 切替*/
/*--------------------------*/
	.com1SubmenuWrap {
		width: 100%;
	}
	.com1SubmenuWrap .submenu {
		display: table;
		width: 100%;
	}
	.com1SubmenuWrap .submenu a{
		position: relative;
		display: table-cell;
		width: 50%;
		padding: 12px 0;		     
		vertical-align: middle;
		text-align: center;
		text-decoration: none;
		color: #666666; 
		font-size: 16px;
		border-bottom: 3px #cccccc solid;
	}
	.com1SubmenuWrap .submenu a:hover{
		color: #000000;
	}	
	.com1SubmenuWrap .submenu a.naviCur {
		font-weight: bold;
		color: #ffffff;/*★★★【個別css】★★★*/
		background: #224392;/*★★★【個別css】★★★*/
		border-bottom: 3px #224392 solid;/*★★★【個別css】★★★*/
	}
/* --------------------------------------------------
 * メインメニュー（スマホ：プルダウン）
 * -------------------------------------------------- */
    .com1NaviPulldownSpWrap #naviPulldownSp {margin: 30px auto 40px;}

	/*スマホメニューtoggle(通期・四半期)：デフォルト非表示*/
	.com1NaviPulldownSpWrap #naviPulldownSp #naviPulldownAnnualSp_toggle,
    .com1NaviPulldownSpWrap #naviPulldownSp #naviPulldownQuarterSp_toggle {
		display: none;
	}
    /*通期・四半期ボタン*/
	.com1NaviPulldownSpWrap #naviPulldownSp #naviPulldownAnnualSp_list .list_columnPc,
    .com1NaviPulldownSpWrap #naviPulldownSp #naviPulldownQuarterSp_list .list_columnPc {
		display: table;
		table-layout: fixed;
		width:100%;
	}
	.com1NaviPulldownSpWrap #naviPulldownSp #naviPulldownAnnualSp_list .list_columnPc a,
    .com1NaviPulldownSpWrap #naviPulldownSp #naviPulldownQuarterSp_list .list_columnPc a,
	.com1NaviPulldownSpWrap #naviPulldownSp #naviPulldownAnnualSp_list .list_columnPc_adjust a,/*最終行*/
    .com1NaviPulldownSpWrap #naviPulldownSp #naviPulldownQuarterSp_list .list_columnPc_adjust a/*最終行*/ {
        display: table-cell;
		vertical-align: middle;
		text-align: left;
		cursor: pointer;
		padding: 10px;
		color: #000;
		font-size: 16px;
		line-height: 1.2;
		text-decoration: none;
		background: #fff;
		border-bottom: 1px solid #999999;
	}
	/*★最終行メニュー（2列づつ並びレイアウト）★１つになる場合　：3列などは、個別で設定*/
	.com1NaviPulldownSpWrap #naviPulldownSp #naviPulldownAnnualSp_list .list_columnPc_adjust a,
    .com1NaviPulldownSpWrap #naviPulldownSp #naviPulldownQuarterSp_list .list_columnPc_adjust a {
        display: block;/*★*/
		width: 50%;/*★*/
	}
	
	.com1NaviPulldownSpWrap #naviPulldownSp.quarterListPcHidden #naviPulldownQuarterSp_list,/* 通期ページ閲覧時、スマホ四半期非表示*/
    .com1NaviPulldownSpWrap #naviPulldownSp.annualListPcHidden #naviPulldownAnnualSp_list{/*　四半期ページ閲覧時、スマホ通期非表示 */
        display: none;
    }
	.com1NaviPulldownSpWrap #naviPulldownSp #naviPulldownAnnualSp_list .list_columnPc a:hover,
    .com1NaviPulldownSpWrap #naviPulldownSp #naviPulldownQuarterSp_list .list_columnPc a:hover{
        text-decoration: none;
        color: #666666 ;/*★★★【個別css】★★★*/
	}
    .com1NaviPulldownSpWrap #naviPulldownSp #naviPulldownAnnualSp_list .list_columnPc a.naviCur,
	.com1NaviPulldownSpWrap #naviPulldownSp #naviPulldownQuarterSp_list .list_columnPc a.naviCur{
        border-bottom: 2px #224392 solid;/*★★★【個別css】★★★*/
    }	
	
	.com1NaviPulldownSpWrap #naviPulldownSp #naviPulldownAnnualSp_list::after,
    .com1NaviPulldownSpWrap #naviPulldownSp #naviPulldownQuarterSp_list::after{
		content:"";
		display:block;
		clear:both;
		overflow:hidden;
	}


@media print {    
	.com1SubmenuWrap,
	.com1NaviPulldownSpWrap{
		display:none;
	}
}

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

	【共通】メインメニュー②　片方のみver
  
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */	
/* --------------------------------------------------
 * メインメニュー（スマホ：プルダウン）
 * -------------------------------------------------- */
	#com2NaviPulldownSp .spOnly {display: none;}
	
    #com2NaviPulldownSp {
        margin-bottom: 20px;
    }
	#com2NaviPulldownSp #naviPulldownSp_toggle{
		display: none;
	}
	#com2NaviPulldownSp #naviPulldownSp_list .list_columnPc{
		display: table;
		table-layout: fixed;
		width: 100%;
	}
	#com2NaviPulldownSp #naviPulldownSp_list .list_columnPc a{
		display: table-cell;
		padding: 8px 0px;/*★★★【個別css】★★★*/
		color: #000000;
		text-align: center;
		vertical-align: middle;
		font-size: 13px;/*★★★【個別css】★★★*/
		line-height: 1.2;
		text-decoration: none;
		background: #ffffff;
	}
    /*BORDER*/
    #com2NaviPulldownSp #naviPulldownSp_list .list_columnPc{
        border-top: 1px solid #d8d8d8;
        border-left: 1px solid #d8d8d8;
    }
    #com2NaviPulldownSp #naviPulldownSp_list .list_columnPc a{
		border-right: 1px solid #d8d8d8;
        border-bottom: 3px solid #d8d8d8;
    }
    /*HOVER*/
	#com2NaviPulldownSp #naviPulldownSp_list .list_columnPc a.naviCur,
    #com2NaviPulldownSp #naviPulldownSp_list .list_columnPc a:not(.naviCur):hover {
        border-bottom: 3px solid #224392;/*★★★【個別css】★★★*/
    }
@media print {    
    #com2NaviPulldownSp {
        display: none;
    }
}



/*ここまで旧ver のメニュー*/

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



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

	【共通】サブメニュー/通期・四半期
	  
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */	

	div.comSubKind{
		display:block;
		width:90%;
		margin:20px auto 25px auto;
	}
	div.comSubKind ul li{
		display: inline-block;
		vertical-align: middle;
		width: 30%;/*★★★【個別css】★★★*/
		max-width:230px;
	}
	div.comSubKind ul li a{
		display: inline-block;
		margin-bottom:5px;
		padding:8px 0;
		width: 100%;		
		font-size:14px;
		color:#000000;
		text-align: center;
		background: #ffffff;	
		text-decoration: none;
		border: 1px solid #d8d8d8;/*★★★【個別css】★★★*/
	}
	div.comSubKind ul li a:hover,
	div.comSubKind ul li a.naviCur {
		color: #ffffff;
		background: #224392;/*★★★【個別css】★★★*/
		border: 1px solid #224392;/*★★★【個別css】★★★*/
	}


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

	【共通】ページタイトル①　タイトル文字左に縦線	 
 
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */	

	h2.comPageTitle1 {
		margin-bottom: 25px;/*★★★【個別css】★★★*/
		padding: 10px 15px;/*★★★【個別css】★★★*/	
		font-size: 20px;/*★★★【個別css】★★★*/	
		color: #000000;
		font-weight:normal;
		text-align:left;
		background: #f3f5f6;
		border-left: solid 5px #224392;
	}

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

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

	h2.comPageTitle2 {
		position: relative;
		margin: 25px 0 25px 0;/*★★★【個別css】★★★*/
		font-size: 23px;/*★★★【個別css】★★★*/		
		color:#000000;
		background:#ffffff;
		text-align:left;
	}
	h2.comPageTitle2::before {
		content: '';
		width: 100%;
		position: absolute;
		bottom: -6px;
		right: 0;
		border-bottom: 2px solid #000000;/*★★★【個別css】★★★*/
	}
	h2.comPageTitle2::after {
		content: '';
		width: 20%;/*★★★【個別css】★★★*/
		position: absolute;
		bottom: -6px;
		left: 0;
		border-bottom: 2px solid #224392;/*★★★【個別css】★★★*/
	}

/*20230525 ver2 START*/
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■

	【共通】パーツタイトル①　タイトル文字左に縦線	 
 
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */	
	.comSubTitle1 {
		margin-bottom: 10px;
        padding: 10px 5px;
        font-size: 20px;
        line-height: 1.5;
        color: #000000;
        font-weight: bold;
        text-align: center;
	}
/*20230525 ver2 END*/

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

	【共通】文章  20230525 ver2 
 
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */	

	/*--------------------------
　	　文章タイトル
	--------------------------*/	
	.comTitleWrap{
		width:100%;	
		margin-top:30px;
		padding:10px 0 8px 20px;
		text-align:left;
		background:#f1f1f1;/*★★★【個別css】★★★*/		
		border-bottom: solid 1px #999999;
		color:#000000;
		font-size:28px;
		font-weight:bold;	
	}
	
	/*--------------------------
　	　文章 List
	--------------------------*/	
	.comLiWrap{
		width:100%;
		padding:10px 10px 10px 20px;
		text-align:left;		
		background:#f1f1f1;/*★★★【個別css】★★★*/
	}
	.comLiWrap li {
		margin-bottom:10px;
		padding-left:1em;
		text-indent:-1.5em;
		color:#000000;
		font-size:16px;		
		line-height:1.5;
	}
	.comLiWrap li:before{
		padding-right:8px;
		display:  inline-block;
		content:  "";
		width:  5px;
		top:0px;
		height:  13px;	
		background-color: #0492d5;
		position:  relative;	
	}
	.comLiWrap div::after{
		content:"";
		display:block;
		clear:both;
		overflow:hidden;
	}
	/*--------------------------
　	　文章 span
	--------------------------*/	
	.comSpanWrap{
		width:100%;
		padding:10px 10px 10px 20px;
		text-align:left;		
		background:#f1f1f1;
		color:#000000;
		font-size:15px;		
		line-height:1.8;
	}



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

	【共通】会計基準	 
 
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */	
	div.comAccountingBase{
		padding-left:10px;
		text-align:left;
		font-size:13px;
		line-height:1.25;
		color:#000000;
	}
	div.comAccountingBase::after{
		content:"";
		display:block;
		clear:both;
		overflow:hidden;
	}
	
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■

	【共通】エクセルダウンロード 
 
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
	div.comExcelDL{
		margin:0 5px 5px 0;	/*Accessibility*/
		height:18px;		
		line-height:18px;
		text-align:right;
	}
	div.comExcelDL .arrow-right {
		display: inline-block;		
		width: 8px;
		height:8px;
		margin-right: 8px;
		vertical-align:middle;
		border-top: 2px solid #666;/*★★★【個別css】★★★*/
		border-right: 2px solid #666;/*★★★【個別css】★★★*/
		transform: rotate(45deg);
	}
	div.comExcelDL a{
		font-size: 14px;
		color: #000000;		
		text-decoration: underline;
	}
	div.comExcelDL a:hover {
		text-decoration: none;
	}

@media print {    
	div.comExcelDL{
		display:none;
	}
}


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

	【共通】グラフ期間指定（チェックボックス　＆　ボタン）
 
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/* --------------------------------------------------
 * チェックボックス
* -------------------------------------------------- */
	div.comGraphTermCheck{	
		margin-left:10px;
	}
	div.comGraphTermCheck input{
		vertical-align:middle;
	}
	div.comGraphTermCheck div{
		cursor: pointer;
		float:left;
		margin:0;
		padding:1px 2px;
	}
	div.comGraphTermCheck label{
		cursor: pointer;
		font-size: 11px;
		color: #000000;
	}
	div.comGraphTermCheck::after{
		content:"";
		display:block;
		clear:both;
		overflow:hidden;
	}
/* --------------------------------------------------
 * ボタン
* -------------------------------------------------- */
	div.comGraphTermButton{
		margin-left:16px;
	}
	div.comGraphTermButton div{
		cursor: pointer;
		float:left;
		width:120px;
		margin:5px 0;
		padding:3px 0 2px 0;
		font-size:12px;
		font-weight:bold;
		text-align:center;		
		background: #f1f1f1;
		border-top:solid 1px #000000;
		border-bottom:solid 1px #000000;
		border-left:solid 1px #000000;
	}
	div.comGraphTermButton div:last-child{
		border-right:solid 1px #000000;
	}
	div.comGraphTermButton div input{
		width:100%;
		cursor: pointer;
		color:#000;
	}
	div.comGraphTermButton div:hover{
		background: #e1e0e0;
	}
	div.comGraphTermButton::after{
		content:"";
		display:block;
		clear:both;
		overflow:hidden;
	}
@media screen and (max-width:450px){
	div.comGraphTermButton{
		margin-left:0;
	}
	div.comGraphTermCheck div{
		padding:1px 1px;
	}
	/* 20230414add */
	div.comGraphTermButton div{
		width:33%;
		width:calc(100%/3);		
		width:-webkit-calc(100%/3);
		width:-moz-calc(100%/3);
	}
}

/*20230525 ver2 START*/
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■

	【共通】グラフ期間指定（ラジオボタン）V2
 
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
.comRadio{
    margin-left: 16px;
}
.comRadio ul {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: stretch;
}
.comRadio ul li {
	width:33%;
	width:calc(100%/3);		
	width:-webkit-calc(100%/3);
	width:-moz-calc(100%/3);		
    min-height: 28px;
    max-width: 120px;
    margin: 5px 0;
    font-size: 11.3px;
    background-color: #f1f1f1;
    border-top: solid 1px #000000;
    border-bottom: solid 1px #000000;
    border-left: solid 1px #000000;
    cursor: pointer;
    color: #000;
}
.comRadio ul li:last-child label{
    border-right: solid 1px #000000;
}
.comRadio ul li input[type ="radio"]{
    display: none;
}
.comRadio ul li label{
    display: -webkit-flex;
    display: flex;
    padding: 3px 0 2px;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: space-around;
    line-height: 1.2;
}
/*選択&HOVER状態*/
.comRadio ul li label:hover{
    background-color: #e1e0e0;
}
input[type="radio"]:checked + label:hover,
input[type="radio"]:checked + label {
    background-color: #cccccc;
}
/*20230525 ver2 END*/	


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

	旧ver【共通】グラフ期間指定（ラジオボタン）
 
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

	div.comGraphTermRadio {
		margin:5px 3px 0 10px;
		text-align: center;
	}
	div.comGraphTermRadio ul {
		list-style-type: none;
	}
	div.comGraphTermRadio li {
		float: left;
		margin: 0 10px 5px 10px;
	}
	div.comGraphTermRadio li label {
		position:relative;
		display: block;
 		padding-left:1em;
		cursor: pointer;
		font-size: 12px;
		color: #000;
	}
	div.comGraphTermRadio input.radioPlain {
		  position:absolute;
		  top:3px;
		  left:-5px;
		  margin:auto;
	}
	div.comGraphTermRadio::after{
		content:"";
		display:block;
		clear:both;
		overflow:hidden;
	}

/*20230525 ver2 START*/
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■

	【共通】円グラフ 凡例
 
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
    .comHanrei {
        margin: 5px auto 30px;
        padding: 0px 5px;
        width: 100%;
        font-size: 15px;
        max-width: 360px;
    }
    /*単位*/
    div.comUnitTxt.comHanrei{
        margin: auto;
    }
    .comHanrei table td.mark{
        vertical-align: middle;
    }
/*20230705 ver2 END*/


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

	【共通】単位表示
 
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
	div.comUnitTxt::before{
		content:"";
		display:block;
		clear:both;
		overflow:hidden;
	}
	div.comUnitTxt{
		margin-top:12px;
		text-align:right;
		font-size:13px;
		color:#000000;
	}
	
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■

	【共通】テーブル
 
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
	.comTableWrap table{
		position: relative;
		width: 100%;
		color: #000000;
		font-size: 14px;
		text-align: right;
	}
	/* --------------
	 * td 全体設定
	 * -------------- */
	.comTableWrap table td{
		padding: 10px 6px;
		vertical-align: middle;
		line-height: 1.1;
		border-right: 1px solid #BABABA;
		border-bottom: 1px solid #BABABA;
	}
	.comTableWrap table tr:first-child td,             /*最初の1行目*/
	.comTableWrap table td.fixed                       /*最初の1列目*/
	{padding: 10px 6px;} 
	
	 /*td NOWRAP設定 */
	.comTableWrap table td{        white-space: nowrap;}
	.comTableWrap table td.fixed{  white-space:inherit;}   /*最初の1列目*/
	
	/*td 幅設定*/
	.comTableWrap table td{width: 6%; min-width: 60px;}
	.comTableWrap table td.fixed{width: 10%; min-width: 150px;max-width: 230px;}  /*最初の1列目*/
			
	/*最初の列（左1列）*/
	.comTableWrap table tr td:first-child{
		padding: 10px 6px;
		text-align: left;
		background: #e0e6fc;/*★★★【個別css】★★★*/
		border-right: none; 
	}	
	/*最初の行（1行目）*/
	.comTableWrap table tr:first-child td{
		color: #ffffff;/*★★★【個別css】★★★*/
		background: #777777;/*★★★【個別css】★★★*/
		line-height: 1.1;
		text-align: center;
	}
	/* --------------
	 * 左1列 固定時　 comFixed-box
	 * -------------- */
	div.comFixed-box {
		width:100%;
		height:100%;
		overflow:auto;
	}
	div.comFixed-box table {
		width: 100%;
		border-collapse: collapse;
	 	border: 1px solid #BABABA;
	}
	div.comFixed-box table .fixed {
		position: sticky;
		left: 0;
	}
	div.comFixed-box table .fixed:before {
		content: "";
		position: absolute;
		top: -1px;
		left: -1px;
		width: 100%;
		height: 100%;
	 	border: 1px solid #BABABA;
	}	
@media print {    
	div.comFixed-box{
		overflow: visible;
    }	
}

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

	【共通】注釈　※表下
 
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
	.comAtt {
		margin: 10px 0 0 10px;
		text-align: left;
	}
	.comAtt ul li {
		margin: 0 0 8px 12px;
		font-size:12px;
		color:#000000;
		line-height: 1.25em;
		text-indent: -1em;
	}
	.comAtt::after{
		content:"";
		display:block;
		clear:both;
		overflow:hidden;
	}

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

	【共通】 footer(ご利用上の注意）
 
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
	div.comFooterLink {
		font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3';
		margin:30px 5px  0;
		text-align:left;
	}
	div.comFooterLink .arrow-right {
		display: inline-block;		
		width: 8px;
		height:8px;
		margin-left: 3px;
		vertical-align:middle;
		border-top: 2px solid #666;
		border-right: 2px solid #666;
		transform: rotate(45deg);
	}
	div.comFooterLink a{
		line-height:1.5;
		color:#333333;
		font-weight:bold;
		font-size:14px;
		text-decoration: none;
	}
	div.comFooterLink a:hover{
		text-decoration: none;
		color:#666666;
	}
	div.comFooterLink a:visited{
		color:#333333;
	}
	div.comCopyLight{
		font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3';
		float:left;
		width:100%;
		padding:5px 0 0 0;
		font-size:11px;
		color:#333;
		line-height:1.5;
		text-align:right;
		border-top:dotted 1px #cccccc;
	}


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

	【共通】 ご利用上の注意ページ
 
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

	div.comDisclaimer_title{
		font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3';
		width:100%;
		margin: 30px 16px;
		font-size: 22px;
		font-weight: bold;
		line-height: 1.5;
		text-align: left;
	}
	
	div.comDisclaimer_textWrap{
		width:100%;
		margin:0 auto;	
	}
	div.comDisclaimer_text{
		width:100%;
		padding: 0 15px;
		text-align: left;    
		line-height: 1.8;
		font-size: 14px;		
	}
	div.comDisclaimer_text li{
		padding-bottom:15px;
		line-height: 1.5;
	}
	/*ボタン*/
	.comDisclaimerCloseBtn {
		margin: 30px 0;
		padding: 8px;
		border: 1px solid #333;
		font-size: 12px;
		width: 120px;
		color: #000;
		cursor:pointer;
	}
	.comDisclaimerCloseBtn:hover {
		background: #666;
		color: #fff;
	}