/* 冒頭警告 */
.attention {
  color: #ffffff;
  margin: 0 auto;              /* 中央寄せ */
  padding: 20px;
  text-align: center;
  font-size: x-large;
}

.attention2 {
  color: #000000;
  margin: 0 auto;              /* 中央寄せ */
  padding: 20px;
  text-align: center;
}


/* yesno */
.index-yes-no{
  display:flex;
  margin:0;
  justify-content: space-evenly;
} 

.yesno {
  background-color: #000000; 
  width: 40%;                  /* 常に画面幅の90% */
  margin: 0 auto;              /* 中央寄せ */
  padding: 20px;
  box-sizing: border-box;      /* padding込みで幅計算 */
  max-width: 1200px;           /* 広すぎ防止のため上限 */
  box-shadow: 0 0 0 2px #000000 inset,  
              0 0 0 5px #ffffff inset,   
              0 0 0 8px #000000 inset,  
              0 0 0 10px #ffffff inset;
  border-radius: 10px;
  text-align: center;
  font-size: x-large;
}


/* <a> 要素で href が href="/TOP/topindex.php" と一致するもの */
a[href="/TOP/topindex.php"]
{
  color: #ffffff;
}

a[href="https://kids.yahoo.co.jp/"]
{
  color: #ffffff;
}