@charset "utf-8";

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

	【共通】メニューデザイン①
 
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
    /*通期・四半期*/
	.com_menu01#listQHidden .tabPC,
	.com_menu01#listAHidden .tabPC {
		margin-bottom: 20px;
	}
    /*通期・四半期★タブ背景色*/
	.com_menu01#listQHidden .tabPC a.tabA,
    .com_menu01#listAHidden .tabPC a.tabQ{
		background: #e8e8e8;
		border-bottom: 3px #00a040 solid;
		color: #272727;
	}
	 /*メニュー項目*/
    .com_menu01 .list {
		margin-top: 0;
    }
	 /*メニュー項目★hover時文字色*/
	.com_menu01 .list a:hover{
        color: #272727;
	}
	 /*メニュー項目★選択時：背景色*/
    .com_menu01 .list a.naviCur{
        border-bottom: 2px #000000 solid;
        background: #ffffff;
    }

    .com_menu01 .list a{
        background: #ffffff;
        color: #272727;
    }
	 /*メニュー項目★hover時文字色*/
	.com_menu01 .list a:hover{
        color: #272727;
	}
	 /*メニュー項目★選択時：背景色*/
    .com_menu01 .list a.naviCur{
        border-bottom: 2px #00a040 solid;
        background: #e8e8e8;
        color: #272727;
    }


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

	【共通】メニューデザイン②
 
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/*--------------------------*/	
/* 通期・四半期 PC用*/
/*--------------------------*/
    /* ---------------------
     * メニューデザイン①②共通
     * --------------------- */
    .com_menu03{
		width: 99%;/*Accessibility*/
		margin:5px auto 0 auto;/*Accessibility*/
	}
	.com_menu03 .tabPC{
		display: table;
        margin: auto;
		width: 100%;
	}
	.com_menu03 .tabPC a{
        text-align: center;
        text-decoration: none;
        color: #666666;        
	}
    .com_menu03 .tabPC a:hover{
        color: #000000;
    }
    /* ---------------------
     * メニューデザイン①共通
     * --------------------- */
    .com_menu03 .tabPC a{
        position: relative;
        display: table-cell;
        padding: 12px 0;
        width: 50%;
        border-bottom: 3px #cccccc solid;
        vertical-align: middle;
        font-size: 16px;
    }
    .com_menu03 .tabPC a:hover{color: #000000;}
    /*選択状態*/
	.com_menu03#listQHidden .tabPC a.tabA,
    .com_menu03#listAHidden .tabPC a.tabQ{
		font-weight: bold;
		color: #ffffff;                   /*★★★【個別css】★★★*/
		background: #666666;              /*★★★【個別css】★★★*/
		border-bottom: 3px #666666 solid; /*★★★【個別css】★★★*/
	}
/*--------------------------*/	
/* toggle スマホ用*/
/*--------------------------*/
    /* ---------------------
     * メニューデザイン①②共通
     * --------------------- */
    .com_menu03 .tabSP {
        margin: 0 auto;
    }
    /*スマホ時用toggle(通期・四半期)：デフォルト非表示*/
    .com_menu03 .tabSP > div {
        display: none;
    }

/*--------------------------*/	
/* メニュー*/
/*--------------------------*/ 
    /* ---------------------
     * メニューデザイン①②共通
     * --------------------- */
    .com_menu03 .list{
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        align-items: stretch;
        width: 100%;
	}
    .com_menu03 .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_menu03#listAHidden #listA,/* 通期ページ閲覧時、スマホ四半期非表示*/
    .com_menu03#listQHidden #listQ{/*　四半期ページ閲覧時、スマホ通期非表示 */
        display: none;
    }

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

    /* -----------------
     * メニューデザイン①共通
     * -----------------*/
    .com_menu03 .list {
        margin:30px auto 40px;
    }
    .com_menu03 .list a{
        padding: 10px;
        width: 50%;
        font-size: 16px;
        text-align: left;
    }
	.com_menu03 .list a:hover{
        text-decoration: none;
        color: #272727;/*★★★【個別css】★★★*/
	}
    .com_menu03 .list a.naviCur{
        border-bottom: 2px #000000 solid;/*★★★【個別css】★★★*/
        background: #ffffff;
    }






    /*通期・四半期*/
	.com_menu03#listQHidden .tabPC,
	.com_menu03#listAHidden .tabPC {
		margin-bottom: 20px;
	}
    /*通期・四半期★タブ背景色*/
	.com_menu03#listQHidden .tabPC a.tabA,
	.com_menu03#listAHidden .tabPC a.tabQ{
		background: #e8e8e8;
		border-bottom: 3px #00a040 solid;
		color: #272727;
	}
	 /*メニュー項目*/
    .com_menu03 .list {
		margin-top: 0;
    }

    .com_menu03 .list a{
        background: #ffffff;
        color: #272727;
    }
	 /*メニュー項目★hover時文字色*/
	.com_menu03 .list a:hover{
        color: #272727;
	}
	 /*メニュー項目★選択時：背景色*/
    .com_menu03 .list a.naviCur{
        border-bottom: 2px #00a040 solid;
        background: #e8e8e8;
        color: #272727;
    }


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

	【共通】ボタン
 
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
    .com_button.RenTanWrap {
        max-width: 390px;
    }
        
        
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■

	【共通】ページタイトル①　タイトル文字左に縦線	 
 
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
	h2.comPageTitle1 {
		background: #f3f3f3;
		border-left: solid 5px #000;
	}

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

	【共通】ページタイトル②　タイトル文字下に線	 
 
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */	
	h2.comPageTitle2 {
		color: #272727;
	}
	h2.comPageTitle2::after {
		border-bottom: 2px solid #00a040;
	}
	h2.comPageTitle2::before {
		border-bottom: 2px solid #00a040;
	}

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

	【共通】ボタン
 
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
    .com_button .link{
        background:#e8e8e8;
    }

    /*選択状態*/
    .com_button .link.naviCur,
    .com_button .link:hover{
        background: #fff;
        color: #272727;
    }