/* スマホ */
@media screen and (max-width: 800px){

    /*共通*/
    .pcOnly {display: none;}
    .spOnly {display: inline-block;}
    
/* --------------------------------------------------
 * タブメニュー
 * -------------------------------------------------- */
	.submenuWrap {
		width: 80%;
        max-width: 360px;        
	}

    /*PC設定リセット*/
    /*BORDER*/
    #naviPulldownSp #naviPulldownSp_list .list_columnPc,
    #naviPulldownSp #naviPulldownSp_list .list_columnPc a{
		border:none;
    }
    
	#naviPulldownSp {
		height: 35px;
	}
	#naviPulldownSp #naviPulldownSp_toggle {
		display: block;
	}
	#naviPulldownSp #naviPulldownSp_toggle a {
		display: block;
		position: relative;
		padding: 10px;
        border-bottom: 1px solid #d8d8d8;
		background: #ededed;
        height: 45px;
		text-align: left;
		text-decoration: none;
		font-size: 13px;
	}
    /* ---------------------
     * ハンバーガーメニュー
     * --------------------- */
    .icon_hamburger {position:relative;}
    .icon_hamburger span{display: none;}
    /*ハンバーガー：開閉ボタン*/
    .icon_hamburger span{
        display: block;
        position:absolute;
        right: 0;
        width: 100%;
        -webkit-transition: 0.3s ease-in-out;
        -moz-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;
    }
    .icon_hamburger .icon_hamburger_line{
        margin: 0 7px;
        width: 28px;
        background: #000;
        height: 2px;
    }
    .icon_hamburger .icon_hamburger_line:nth-child(1){top:12px;}
    .icon_hamburger .icon_hamburger_line:nth-child(2){top:21px;}
    .icon_hamburger .icon_hamburger_line:nth-child(3){top:30px;}
    
	/*メニュー*/
	#naviPulldownSp #naviPulldownSp_list {
		position: relative;
		display: none;
		overflow-y: auto;
		height: 400px;
		z-index: 999;
	}
    #naviPulldownSp #naviPulldownSp_list .list_columnPc a.naviCur,
    #naviPulldownSp #naviPulldownSp_list .list_columnPc a:not(.naviCur):hover {
        border-bottom: none;/*リセット*/
        border-bottom: 1px solid #d8d8d8;
        background: #eee;
    }
	#naviPulldownSp #naviPulldownSp_list .list_columnPc a{
		display: block;
        padding: 12px 16px;
		width: 100%;
        border-right:none;
        border-bottom: 1px solid #d8d8d8;
        text-align: left;
	}
    
/* --------------------------------------------------
 * 印刷/エクセルダウンロード
 * -------------------------------------------------- */
    .listWrap_kinou a{
        margin-left: 2px;
        padding: 2px;
        width: 24px;
    }
    .listWrap_kinou a.list_print{
        background: #fff url(../../image/8591/Premium_icon_print.png) no-repeat 1px center;
    }
    .listWrap_kinou a.list_excel{
        background: #fff url(../../image/8591/Premium_icon_excel.png) no-repeat 1px center;
    }
    .listWrap_kinou a .displayNoneSP{
        display: none;
    }
    
/* --------------------------------------------------
 * グラフ 幅・高さ
 *  ※※Premium_graphPrint.js にも幅・高さ設定あり※※
 * -------------------------------------------------- */

    /*グラフ概要*/
    .graphWrap_seg{
        height: 190px;
    }

    
/* --------------------------------------------------
 * セグメント概要
 * -------------------------------------------------- */
    .floatBox_seg{
        margin-right: 0;
        width: 100%;
    }
    
    /*見出し*/
    .titleSeg{
        margin-top: 10px;
        padding: 10px 0;
        font-size: 14px;
    }
    .titlePrice{
        margin: 20px 0;
        font-size: 18px;
    }

    /*凡例*/
    ul.segLegendLine {
        margin: 20px 0 0;
    }
    ul.segLegendLine li{
        margin-right: 16px;
        padding-left: 15px;
        padding-bottom: 8px;
        font-size: 11px;
    }
    ul.segLegendLine li.seg01:before,
    ul.segLegendLine li.seg02:before,
    ul.segLegendLine li.seg03:before,
    ul.segLegendLine li.seg04:before,
    ul.segLegendLine li.seg05:before,
    ul.segLegendLine li.seg06:before,
    ul.segLegendLine li.seg07:before,
    ul.segLegendLine li.seg08:before,
    ul.segLegendLine li.seg09:before,
    ul.segLegendLine li.seg10:before{
        width: 12px;
        height: 12px;
    }
    
}