@charset "UTF-8";
/* CSS Document */

/*=========================================================
 *
 *	css file for "www.aaaaaaa.com"
 *	file name : base.css
 *
=========================================================*/


/* 散布図の設定 */

    /* コンテナに幅とアスペクト比の制限を設定 */

 
#scatterPlot {
    /*all: unset;*/
}

.chart-container {
    /*all: unset;*/
}
 

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

div#legend,
div.group,
div.legend-item {
    /*border:  1px solid #ccc;*/
}


div#legend {
    width:  60%;
    margin:  auto;
}

div.group {
    width:  100%
}

div.legend-item {
    width:  100%;
    margin:  auto;
    padding: 5px 0 5px 60px;
}




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




/*---------------------------------------------------------------*/
/*tb*/
/*---------------------------------------------------------------*/
@media screen and (min-width: 768px) and (max-width: 1100px) {



}

/*---------------------------------------------------------------*/
/*sp*/
/*---------------------------------------------------------------*/

@media screen and (max-width: 768px) {

div#legend,
div.group,
div.legend-item {}


div#legend { width:  100%; }

div.group {}

div.legend-item {
    padding: 5px 0 5px 0px;
}




/*--------- clearfix   --------- */

div.lrbox:after,
div.wrap_col_2:after,
div.wrap_col_3:after,
div.wrap_col_4:after,
ul.grid_2:after,
ul.grid_3:after,
ul.grid_4:after
{ 
display:block; clear:both; height:0; visibility:hidden; content:"."; 
}