@charset "UTF-8";


/* ヘッダー マージン上・左右・下 */
header {
  width: 100%;
  margin: 60px 10px 20px;
  text-align: center;
  position:fixed;
}


/* メイン */
.content{
    line-height: 1.6;
    margin: 0 auto;
    padding-top: 260px;
    width: 800px;
}
.content p{
    margin-bottom: 40px;
}


/* フッター マージン上・左右・下 */
footer {
  width: 100%;
  padding: 6px ;
  text-align: center;
  background-color: #B8DCB8;
}


/* 背景固定・テキストカラー */
body{
color: #000000;
background-color:#ffffff;
background-image: url(image/cloud.jpg);
background-repeat: no-repeat;
background-position: top;
background-repeat: repeat-x;
}
  

/* フォント */
html { font-size: 62.5%; }  /* 10px基準に変更 */
body {
font-family: -apple-system, "Meiryo", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "MS PGothic", "Helvetica", "Arial", sans-serif;
font-size: 1.7rem;
font-weight: normal; 
}
/* 10px × 1.7 = 17px → スマホでも読みやすいサイズ */

 /* テーブルの文字サイズを均一化 */
.program-table,
.program-table td,
.program-table th {
  font-size: 1.7rem;
}

/* 文字指定 */
.sblack {font-size: smaller; color: #000033; }
.spink {font-size: smaller; color: #B05E5E; }
.bold {font-size: medium; font-weight: bold; }
.boldlarge {font-size: large; font-weight: bold; }
.pink {color: #B05E5E}
.lines{text-decoration: underline; font-size: smaller; color: #000033;}


/* リンク */
a:hover {color:#6e5064; background:#b0f9fb;} /*カーソルが乗っている色*/
a:hover {position:relative;top:1px;left:1px;}/* リンクの移動位置指定 */
a:link { color: #003366; }
a:visited { color: #003366; }
a:active { color: #99ff00; }
a{text-decoration:none;}/* リンクの線無し */