@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

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

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

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

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

#svg_wrapper { width: min(800px, 100%); aspect-ratio: 1 / 1; } /* 正方形の領域を確保 */
#svg_wrapper svg { width: 100%; height: 100%; display: block; }

#svg_wrapper { position: relative; }
.tooltip {
  position: absolute;
  pointer-events: none;
  background: rgba(0,0,0,.8);
  color: #fff;
  padding: 6px 8px;
  border-radius: 4px;
  font-size: 12px;
  z-index: 999;
  white-space: nowrap;
}

.pref_event_more {
	fill: #00008b;
}
.pref_event_second {
	fill: #0000ff;
}
.pref_event_first {
	fill: #add8e6;
}
.pref_event_zero {
	fill: #808080;
}

/* 画像を左寄せにしても、直後の段落は必ず回り込み解除 */
.entry-content a.alignleft + p,
.entry-content figure.alignleft + p,
.entry-content img.alignleft + p {  /* 念のため */
  clear: both;
}

/* 見出しが画像の右に潜り込まないよう保険 */
.entry-content h2,
.entry-content h3 {
  clear: both;
}

/* スマホ等では回り込み自体をオフ（任意） */
@media (max-width: 900px){
  .entry-content .alignleft,
  .entry-content .alignright{
    float: none !important;
    display: block;
    margin: 0 auto 1em; /* 中央寄せ＆下余白 */
  }
}