@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.0.8
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1240px以下*/
@media screen and (max-width: 1240px){
  /*必要ならばここにコードを書く*/
}

/*1030px以下*/
@media screen and (max-width: 1030px){
  /*必要ならばここにコードを書く*/
}

/*768px以下*/
@media screen and (max-width: 768px){
  /*必要ならばここにコードを書く*/
}

#field{ width:100%; }

.axis {
	font: 12px sans-serif;
	}
.axis path,
.axis line {
	  fill: none;
      stroke: #D4D8DA;
      stroke-width: 2px;
      shape-rendering: crispEdges;
}
.line {
	  fill: none;
      stroke: #1490d8;
	  stroke-width: 5px;
}
.overlay {
      fill: none;
      pointer-events: all;
}
.hover-line {
      stroke: #ccc;
      stroke-width: 1px;
      stroke-dasharray: 2;
}
#chartArea {
	  background-color: #fff;
}
.tick line{
      opacity: 0.4;
}
.tooltip {
	  position: absolute;
      padding: 5px 12px 10px;
	  background: #fff;
      -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
	  -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
      box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
	  border-radius: 5px;
      color : #666;
	  display: none;
      pointer-events: none;
	  opacity: 1;
}
.tt_date{
      font-weight: bold;
	  font-size: 16px;
}
.tt_value{
      font-size: 14px;
}
.sat{
	  fill:#1874CD;
}
.sun{
      fill:#f2594b;
}
.bar.focus{
	  fill:#c1d5e6;
}
.focus circle {
      fill: #F1F3F3;
	  stroke: #1490d8;
      stroke-width: 5px;
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
.axis {
	font: 12px sans-serif;
	}
.axis path,
.axis line {
	  fill: none;
      stroke: #D4D8DA;
      stroke-width: 2px;
      shape-rendering: crispEdges;
}
.line {
	  fill: none;
      stroke: #1490d8;
	  stroke-width: 5px;
}
.overlay {
      fill: none;
      pointer-events: all;
}
.hover-line {
      stroke: #ccc;
      stroke-width: 1px;
      stroke-dasharray: 2;
}
#chartArea {
	  background-color: #fff;
}
.tick line{
      opacity: 0.4;
}
.tooltip {
	  position: absolute;
      padding: 5px 12px 10px;
	  background: #fff;
      -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
	  -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
      box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
	  border-radius: 5px;
      color : #666;
	  display: none;
      pointer-events: none;
	  opacity: 1;
}
.tt_date{
      font-weight: bold;
	  font-size: 8px;
}
.tt_value{
      font-size: 7px;
}
.sat{
	  fill:#1874CD;
}
.sun{
      fill:#f2594b;
}
.bar.focus{
	  fill:#c1d5e6;
}
.focus circle {
      fill: #F1F3F3;
	  stroke: #1490d8;
      stroke-width: 5px;
}

}