/* com_pc */

#kc_area *{
-o-user-select: none;
-moz-user-select:none;
-khtml-user-select:none;
-webkit-user-select:none;
-ms-user-select: none;
user-select:none;
margin:0px;padding:0px;
background-color:#fff;
border:0px solid #fff;
color:#000;
line-height:1;
font-family:sans-serif;
font-size:12px;
font-weight:normal;
text-align:left;
}

#kc_area{
margin:0px;padding:0px;
border:none;
border:0px solid #fff;
}

#kc_area div{
position:relative;
cursor:default;
}

#kc_area canvas{
position:absolute;
}

/* kc_area back */
#kc_backPanel canvas{
border:1px solid #000;
}

/* chart */
#kc_chartPanel canvas{
border:1px solid transparent;
border-bottom:1px solid #ccc;
background-color:transparent;
cursor:crosshair;
}
#kc_chartPanel div{
background-color:transparent;
cursor:crosshair;
}

/* chart back */
canvas#kc_chartPanel_c0{
border:1px solid #000;
background-color:#fff;
}

/* chart message */
div#kc_chartPanel_d0{
position:absolute;
}

/* chart 分割message */
div#kc_chartPanel_d1{
position:absolute;
background:#ffe;
border:1px solid #09f;
width:110px;/*単位px固定*/
height:20px;/*単位px固定*/
padding:2px;
/*opacity: 0.8;*/
font-size:12px;
padding:2px 4px;
line-height:1.5;
font-family:sans-serif;
}


/* chart 比較銘柄 */
div#kc_chartPanel_d2{
position:absolute;
margin-top:2px;
padding:2px 0 2px 2px;
font-size:12px;
}
div#kc_chartPanel_d2 span{
margin-right:4px;
}

/* chart 高安値 */
div#kc_chartPanel_d3{
position:absolute;
margin:0px;padding:0px;
line-height:1;
font-size:12px;
}
div#kc_chartPanel_d3 div{
position:absolute;
white-space:nowrap;
line-height:1;
font-size:12px;
background-color:transparent;
text-align:center;
}



/*kc_btn*/
#kc_btnwin1,
#kc_btnwin2{
font-size:12px;
padding:2px 4px;
width:200px;
display:none;
background:#ffe;
border:1px solid #09f;
position:absolute;
z-index: 5;
line-height:1.5;
font-family:sans-serif;
}
#kc_btnwin2{
width:auto;
}


#kc_area .kc_btndiv1{
box-sizing: border-box;
width:14px;
height:14px;
text-align:center;
border:1px solid #000;
background:#ccc;
display: table;
}

#kc_area .kc_btndiv1 a{
background-color:transparent;
text-decoration:none;
text-align:center;
display:table-cell;
vertical-align:middle;
font-size:10px;
color:#fff;
}
/*--------------*/
#kc_area .kc_btndiv2{
cursor:crosshair;
text-align:center;
background:transparent;
width:6px;
height:16px;
padding-top:10px;
}
#kc_area .kc_btndiv2 div{
cursor:crosshair;
border-top: 6px solid #ccc;
border-right: 3px solid transparent;
border-bottom: 3px solid transparent;
border-left: 3px solid transparent;
background:transparent;
}
/*--------------*/


/* cross line */
#kc_cxy1 canvas,
#kc_cxy2 canvas
{
background-color:transparent;
border:none;
cursor:crosshair;
}

/* tech */
#kc_techPanel div{
position:absolute;
background-color:transparent;
border:1px solid #999;
cursor:move;
}

/* tech 数値 */
#kc_techPanel .kc_techTable{
margin:0px;padding:0px;
border-collapse:collapse;
opacity: 0.8;
min-width:80px;
color:#000;
}
#kc_techPanel .kc_techTable td{
font-size:12px;
line-height:1;
margin:0px;
background-color:#eee;
}
#kc_techPanel .kc_techTable_td1{
text-align:left;
padding:1px 10px 1px 0;
}
#kc_techPanel .kc_techTable_td2{
text-align:right;
padding:1px 0 1px 0;
}

/* 4本値 */
div#kc_topPanel_d0{
position:absolute;
border:1px solid #000;
background-color:#eee;
/*overflow:hidden;*/
display: table;
}
div#kc_topPanel_d0 div{
/*float:left;*/
color:#000;
background-color:#eee;
margin-top:2px;
margin-left:2px;
margin-right:2px;
font-size:14px;
font-weight:bold;
/*min-width:60px;*/
white-space: nowrap;
text-align:center;
}
div#kc_topPanel_d0 div.kc_topPanel_s0{
font-size:12px;
font-weight:normal;
margin-top:2px;
margin-bottom:2px;

min-width:0;
}

div#kc_topPanel_d0 div.kc_topPanel_s1_0{
display: table-cell;
font-weight:normal;
/*min-width:114px;*/
width:110px;
}
div#kc_topPanel_d0 div.kc_topPanel_s1_2{
display: table-cell;
color:#f00;
}
div#kc_topPanel_d0 div.kc_topPanel_s1_3{
display: table-cell;
color:#060;
}
div#kc_topPanel_d0 div.kc_topPanel_s1_5{
display: table-cell;
min-width:0;
display:none;

}






/* side */
div#kc_sidePanel_d0{
position:absolute;
border:1px solid #000;
background-color:#eee;
}
#kc_sidePanel span{
position:absolute;
background-color:transparent;
padding-left:2px;
font-size:12px;
}
#kc_sidePanel div.tani{
background-color:transparent;
font-size:10px;
text-align:right;
padding-right:2px;
}

/* side cursor */
div#kc_yscale{
position:absolute;
border:none;
background-color:#eee;
color:#ed4810;
padding-left:2px;
font-size:12px;
}

/* time */
#kc_timePanel div{
position:absolute;
border:1px solid #000;
background-color:#eee;
cursor:crosshair;
}
#kc_timePanel span{
margin:0;
padding:0;
position:absolute;
background-color:transparent;
font-size:10px;
}

/* slider */
#kc_sliderPanel div{
background-color:transparent;
position:absolute;
}

/* slider time */
div#kc_sliderPanel_d0 span{
background-color:transparent;
position:absolute;
font-size:10px;
}

/* slider side */
/*
div#kc_sliderPanel_d1{
position:absolute;
background-color:#eee;
border-top:1px solid #000;
font-size:12px;
}
*/
div#kc_sliderPanel_d1{
position:absolute;
background-color:#eee;
border-top:1px solid #000;
font-size:12px;
}

div#kc_fs_img{
position: absolute;
right: 0;
bottom: 0;
margin:4px;
height:16px;
width:16px;
cursor:pointer;
background-color:transparent;
background-size: 16px 16px;
}

div#kc_fs_img.kc_fs_img_on{
background-image:url('/images/ch/fs_on.svg?2');
}
div#kc_fs_img.kc_fs_img_off{
background-image:url('/images/ch/fs_off.svg?2');
}


/* slider */
#kc_sliderPanel canvas{
border:1px solid #000;
background:none;
}

/* slider back */
canvas#kc_sliderPanel_c0 {
background:#fff;
}

/* slider btn1,btn2 */
div#kc_sliderBtn1,
div#kc_sliderBtn2{
border:1px solid #000;
cursor:ew-resize;
background-repeat:no-repeat,repeat-y;
background-position:3px 9px,0 0;
}

/* slider btn3 */
div#kc_sliderBtn3{
border-top:1px solid transparent;
border-bottom:1px solid transparent;
border-left:1px solid #09c;
border-right:1px solid #09c;
cursor:pointer;
background:rgba(255,255,255,0);/*透明度0固定*/
}

/* slider btn4 */
div#kc_sliderBtn4{
border:1px solid #000;
cursor:pointer;
}

/* slider bar */
div#kc_sliderBar{
border:1px solid #000;
cursor:default;
background-color:#fff;
background-image:url(/images/ch/barbg.gif);
background-repeat:repeat-x;
}

/* slider btn1,btn2(1:← ,2:→) */
div.kc_bg_arrow1{
background-color:#eee;
background-image:url(/images/ch/arrow1.gif),url(/images/ch/btn1bg.gif);
}
div.kc_bg_arrow2{
background-color:#eee;
background-image:url(/images/ch/arrow2.gif),url(/images/ch/btn1bg.gif);
}
div.kc_bg_arrow1_down{
background-color:#9cf;
background-image:url(/images/ch/arrow1.gif),url(/images/ch/btn1bgdown.gif);
}
div.kc_bg_arrow2_down{
background-color:#9cf;
background-image:url(/images/ch/arrow2.gif),url(/images/ch/btn1bgdown.gif);
}

/* slider btn4 */
div.kc_bg_barbtn{
background-color:#eee;
background-image:url(/images/ch/barbtn.gif);
background-repeat:repeat-x;
}
div.kc_bg_barbtn_down{
background-color:#eee;
background-image:url(/images/ch/barbtn2.gif);
background-repeat:repeat-x;
}

#kc_ashi_6_msg{
display:none;
}


/*#kc_free_panel0*/
#kc_area .kc_free_panel0 a        {color:#06c; text-decoration:none;}
#kc_area .kc_free_panel0 a:hover  {color:#09f; text-decoration:none;}

#kc_area .kc_free_panel0 b{
font-weight:bold;
}

#kc_area .kc_free_panel0 div{
text-align:center; 
/*white-space: nowrap; */
background:#fff;
direction: ltr; 
line-height: 1.2;
}

#kc_area .kc_free_panel0 .red{
color:#f00;font-weight:bold;
}

#kc_area .kc_free_panel0 .flb_premium_button{
text-align:center;
background-color: rgb(20 68 132);
color:#fff;
border-radius: 4px 4px 4px 4px;
padding : 9px 0px;
margin:4px auto;
width:300px;
}
#kc_area .kc_free_panel0 .flb_premium_button:hover{
color:#fff;
background-color: rgb(17 49 113);
text-decoration:none;
}

#kc_area .kc_free_panel0 .flb_premium_button a{
color:#fff;
text-align:center;
display: block;
}

#kc_area .kc_free_panel0 .flb_login{
margin-top: 4px;
display: block;
text-align:center;
}

#kc_area .kc_free_panel0 .flb_login svg{
vertical-align: middle;
margin-right:5px;
color:#000;
}

#kc_area .kc_free_panel0 a{
background:transparent;
}


/*#kc_free_panel1*/
#kc_area .kc_free_panel1{
box-sizing: border-box;
display:none;
position : absolute;
border:1px solid #000;
z-Index :1;
width:414px;
height:87px;
font-size:12px;
padding:2px 0px 0px 0px;
overflow:hidden;
}

/*#kc_free_panel2*/
#kc_area .kc_free_panel2{
display:none;
direction: rtl;
height:300px;
background:#fff;
border:none;
width:400px;
overflow:hidden;
}

#kc_area .kc_free_panel0 div.outer{
display: table; width: 100%; height:100%;
}
#kc_area .kc_free_panel0 div.inner{
display: table-cell; vertical-align: middle;
}

#kc_area .kc_free_panel2 div.inner2{
}

#kc_area .kc_free_panel2 div.inner img{
margin:4px auto;
height:48px;
}


#kc_area .kc_free_panel0 .flb_msg,
#kc_area .kc_free_panel2 #kc_free_panel2msg1{
text-align:left;
margin:0px auto;
width:300px;
}

/*--------------*/

.kc_chartform_arrow_div{
margin-top:4px;
border: 2px solid #0099ff;
height:20px;
cursor:pointer;
text-align:center;
background-color:#0099ff;
}

.kc_chartform_arrow_btn{
margin:0 auto;
width:30px;
height:20px;
background-image:url(/images/ch/down-arrow.svg?3);
background-repeat: no-repeat;
background-size: 30px 30px;
background-position: top -5px left 0px;
}

.kc_chartform_arrow_up{
background-image:url(/images/ch/up-arrow.svg?3);
}