.home .breadcrumb {
    display: flex;
}

.icon_cut {
}
.icon_cut2 {
}


.current_col a:hover {
    background-color:#f2f2f2;
    border-radius: 36px;
    padding: 6px 24px;
}




.sunChart{
width:100%;
height:430px;
display:block;
}

.sunInfo{
margin-top:10px;
font-size:16px;
}
.infoLeftMargin{
margin-left:10px;
}
.grid{
stroke:#ddd;
stroke-width:1;
}

.axis{
stroke:#888;
stroke-width:1;
}

.horizon{
stroke:#000;
stroke-width:1.5;
}

.sunLine{
stroke:#ff8800;
stroke-width:2;
fill:none;
}

.crosshair{
stroke:#999;
stroke-dasharray:4;
}

.eventLine{
stroke:#888;
stroke-dasharray:3;
}

.dayFill{
fill:rgba(255,200,0,0.25);
}

.nightFill{
fill:rgba(0,0,40,0.15);
}

.marker{
fill:#ff5500;
stroke:white;
stroke-width:2;
}

text{
font-size:14px;
dominant-baseline:middle;
}

.leftShade{
fill:rgba(0,0,0,0.12);
pointer-events:none;
}




table.accordion tbody tr {
  cursor: pointer;
}
/* 最初のthに矢印を付ける */
table.accordion tbody tr th:first-child::after {
  content: " ▼";
  font-size: 0.8em;
  opacity: 0.6;
}

/* 開いてる時は上矢印 */
table.accordion tbody tr.open th:first-child::after {
  content: " ▲";
}


/* =====================
   twilight
===================== */
.twilight-chart{
width:100%;
height:120px;
display:block;
}

.twilight-segment{
cursor:pointer;
}

.twilight-segment-hover{
opacity:0.7;
}

/* Day */
.twilight-day{
fill:#B5DAE6;
}

/* Civil */
.twilight-civil{
fill:#6EB5CD;
}

/* Nautical */
.twilight-nautical{
fill:#396576;
}

/* Astronomical */
.twilight-astro{
fill:#1E404D;
}

/* Night */
.twilight-night{
fill:#13262F;
}

.twilight-segments{
margin-top:10px;
font-size:14px;
}

.twilight-segment-row{
padding:6px 8px;
cursor:pointer;
display:flex;
align-items:center;
gap:8px;
}

.twilight-segment-row-hover{
background:#e6f3ff;
}

.twilight-color-box{
display:inline-block;
width:18px;
height:18px;
margin-right:8px;
vertical-align:middle;
border-radius:2px;
}

.twilight-color-day{
background:#B5DAE6;
}

.twilight-color-civil{
background:#6EB5CD;
}

.twilight-color-nautical{
background:#396576;
}

.twilight-color-astro{
background:#1E404D;
}

.twilight-color-night{
background:#13262F;
}





/* =====================
   solarGraphYear
===================== */
svg{width:100%;display:block;}
.solarGraphYear-yearChart{
  width:100%;
  height:400px;
  display:block;
  background:#fff;
}
.solarGraphYear-overlay{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:400px;
  pointer-events:auto;
}
.solarGraphYear-dayChart{height:120px;margin-top:10px;}
.solarGraphYear-axis{fill:#000;font-size:12px;}
.solarGraphYear-day{fill:#B5DAE6;}
.solarGraphYear-civil{fill:#6EB5CD;}
.solarGraphYear-nautical{fill:#396576;}
.solarGraphYear-astro{fill:#1E404D;}
.solarGraphYear-night{fill:#13262F;}
.solarGraphYear-max-line{stroke:red;stroke-width:1.5;fill:none;}
.solarGraphYear-min-line{stroke:orange;stroke-width:1.5;fill:none;}
.solarGraphYear-vline-max{stroke:red;stroke-width:2;}
.solarGraphYear-vline-min{stroke:orange;stroke-width:2;}
.solarGraphYear-crosshair{
  stroke:green;
  stroke-width:1;
}
.solarGraphYear-pinned{stroke:blue;}

.solarGraphYear-tabs{
  top:10px;
  right:10px;
}

.solarGraphYear-button{
  padding:5px 10px;
  border:1px solid #ccc;
  background:#fff;
  cursor:pointer;
}
.solarGraphYear-button-active{
  background:#000;
  color:#fff;
}


/* 月SVG */
.svgMoon{
  width:1.3em;
  height:1.3em;
  display:inline-block;
}
.svgMoonL{
  width:70%;
  display:inline-block;
}


.graphTime{
  font-size:1.2em;
}