@charset "utf-8";

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

	【共通】メニューデザイン②
 
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
	.com_menu02.pulldownTrue .list a:hover{
        border-bottom: 1px solid #306bac;
    }
	 .com_menu02.pulldownTrue .list a.naviCur{
		 border-bottom: 2px #306bac solid;
         
	}
    .com_menu02.pulldownTrue .list a:not(.naviCur):hover{
        color: #ffffff;
    }

/* --------------------------------
 * スタイル変更
 * --------------------------------*/
    .com_menu01.pulldownTrue .tabSP > div:before{
        content: normal;
    }
    .com_menu01.pulldownTrue .tabSP{
        height: 45px;
    }
    .com_menu01.pulldownTrue .tabSP > div{
        width: 100%;
    }
    /*ハンバーガメニュー*/
    .com_menu01.pulldownTrue .tabA{
        display: block;
        position: relative;
        margin-bottom: 20px;
        padding: 10px;
        border-bottom: 1px solid #d8d8d8;
        background: #ededed;
        height: 45px;
        text-align: left;
        text-decoration: none;
        font-size: 13px;
    }
	/*Accessibility*/
	.com_menu01.pulldownTrue .tabA a{
		display:inline-block;
        position:absolute;
		top:1px;
        right: 0;
        width: 40px;
		height:39px;
    }
    /*ハンバーガー：3つの線*/
    .com_menu01.pulldownTrue .tabA {position:relative;}
    .com_menu01.pulldownTrue .tabA span{display: none;}
    .com_menu01.pulldownTrue .tabA span{
        display: block;
        position:absolute;
        right: 0;
        width: 100%;
    }
    .com_menu01.pulldownTrue .tabA .icon_line{
        margin: 0 7px;
        width: 28px;
        background: #000;
        height: 2px;
    }
    .com_menu01.pulldownTrue .tabA .icon_line:nth-child(1){top:12px;}
    .com_menu01.pulldownTrue .tabA .icon_line:nth-child(2){top:21px;}
    .com_menu01.pulldownTrue .tabA .icon_line:nth-child(3){top:30px;}

    /*バー*/
    .com_menu01.pulldownTrue#listQHidden .tabSP .tabA{
        border-bottom: 1px solid #d8d8d8;
        background: #ededed;
    }





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

 * 【共通】メインメニュー
 
■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */	
/* --------------------------------------------------
 * 通期・四半期 PC用
 * -------------------------------------------------- */
    .com_menu03{
		width: 100%;/*Accessibility*/
		margin:0 auto 0 auto;/*Accessibility*/
	}
    /* ---------------------
     * メニューデザイン①共通
     * --------------------- */
    .com_menu03{margin: 0 auto 20px;}
    /* ---------------------
     * メニューデザイン①プルダウン＜有＞
     * --------------------- */
    .com_menu03.pulldownTrue .tabPC{display: none;}
    /* ---------------------
     * メニューデザイン①プルダウン＜無＞
     * --------------------- */
    .com_menu03.pulldownFalse .tabPC {margin: 0 auto 20px;}
    .com_menu03.pulldownFalse .tabPC a{
        padding: 12px 5px;
        font-size: 14px;
        line-height: 1;
    }
    .com_menu03.pulldownFalse#listQHidden .tabPC a.tabA,
    .com_menu03.pulldownFalse#listAHidden .tabPC a.tabQ{font-weight: normal;}
    .com_menu03.pulldownFalse .tabPC a:hover {text-decoration: underline;}

/* --------------------------------------------------
 * toggle スマホ用
 * -------------------------------------------------- */
    /* ---------------------
     * メニューデザイン①プルダウン＜有＞
     * --------------------- */
    /*装飾*/
	.com_menu03.pulldownTrue .tabSP {height: 42px;}
    .com_menu03.pulldownTrue .tabSP:after {content: "";clear: both;}
	
	.com_menu03.pulldownTrue .tabSP > div{
		position: relative;
        float: left;
		display: block;
		text-align: center;
		text-decoration: none;
		padding: 12px 5px;		
        font-size: 14px;
        line-height: 1;
        background: #fff;/*★★★【個別css】★★★*/
		color: #666666;/*★★★【個別css】★★★*/
		border-bottom: 3px #cccccc solid;/*★★★【個別css】★★★*/
        width: 50%;
	}
	/*通期・四半期：選択時のカラーコード*/
	.com_menu03.pulldownTrue#listQHidden .tabSP .tabA,
    .com_menu03.pulldownTrue#listAHidden .tabSP .tabQ{
		color: #fff;/*★★★【個別css】★★★*/
        background: #666666;/*★★★【個別css】★★★*/
		border-bottom: 3px #666666 solid;/*★★★【個別css】★★★*/
    }
	.com_menu03.pulldownTrue .tabSP > div:hover {text-decoration: underline;}
	
	 /*下矢印アイコン*/
    .com_menu03.pulldownTrue .tabSP > div:before{
        content: "";
        position: absolute;
        display: inline-block;
        left: 50%;
        bottom: 6px;
        width: 6px;
        height: 6px;
        margin-left: -3px;
        transform: rotate(135deg);
    }
    .com_menu03.pulldownTrue#listQHidden .tabSP > div.tabA:before,/*通期ページ＞通期タブ*/
    .com_menu03.pulldownTrue#listAHidden .tabSP > div.tabQ:before/*四半期ページ＞四半期タブ*/{
        border-top: 1px solid #272727;
        border-right: 1px solid #272727;
    }
    .com_menu03.pulldownTrue#listQHidden .tabSP > div.tabQ:before,/*通期ページ＞四半期タブ*/
    .com_menu03.pulldownTrue#listAHidden .tabSP > div.tabA:before/*四半期ページ＞通期タブ*/{
        border-top: 1px solid #272727;
        border-right: 1px solid #272727;
    }

    /* ---------------------
     * メニューデザイン①プルダウン＜無＞
     * --------------------- */
    .com_menu03.pulldownFalse .tabSP{display: none;}
/* --------------------------------------------------
 * メニュー
 * -------------------------------------------------- */
    /* ---------------------
     * メニューデザイン①②共通
     * --------------------- */
    .com_menu03 .list{
        margin: 0 auto 20px;
    }
    .com_menu03 .list a{
        padding: 12px 6px;
        font-size: 14px;
    }
	.com_menu03 .list a:hover{
        text-decoration: none;
        color: #272727;/*★★★【個別css】★★★*/
	}
    /* ---------------------
     * メニューデザイン①②プルダウン＜有＞
     * --------------------- */
    /*スライドダウンするのに必要な設定*/
    .com_menu03.pulldownTrue .list {
		position: absolute;
        width: 100%;
        /*height: 400px;*/
        overflow-y: auto;
		z-index: 999;
	}
    .com_menu03.pulldownTrue#listQHidden #listA,
    .com_menu03.pulldownTrue#listQHidden #listQ,
    .com_menu03.pulldownTrue#listAHidden #listA,
    .com_menu03.pulldownTrue#listAHidden #listQ {
        display: none;
    }

    /* ---------------------
     * メニューデザイン①プルダウン＜有＞
     * --------------------- */
    .com_menu03.pulldownTrue .list a{width: 100%;}
    /* ---------------------
     * メニューデザイン①プルダウン＜無＞
     * --------------------- */
    .com_menu03.pulldownFalse#listQHidden #listQ,
    .com_menu03.pulldownFalse#listAHidden #listA {display: none;}
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■

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

	/*通期・四半期★タブ背景色*/
	.com_menu03.pulldownTrue#listQHidden .tabSP .tabA,
    .com_menu03.pulldownTrue#listAHidden .tabSP .tabQ{
		font-weight: bold;
        background: #e8e8e8;
		border-bottom: 3px #00a040 solid;
		color: #272727;
    }

    .com_menu01 .list{
        margin: 0 auto 20px;
    }
    .com_menu03 .list a{
        width: 100%;
        border: none;
        border-bottom: 1px solid #999999;
        border-radius: 0px;
        justify-content: flex-start;
    }
    .com_menu03 .list a{
        margin:0;
    }
    /*まるめメニュー＞HOVER*/
    .com_menu03 .list a.naviCur {
        border-bottom: 2px solid #00a040;
        background: #e8e8e8;
        color: #272727;
	text-decoration: bold;
    }