/* ===== 全体のスタイル ===== */
* {
  margin: 0;
  padding: 0;
}

html {
  height: 100%;
}

body {
   height: 100%;
  background-color:antiquewhite;
  text-align:center;
}

/* ===== ヘッダーのスタイル ===== */
/* ヘッダー */
header {
  color: antiquewhite;
  padding: 50px;
  background-image:url(img/School.jpg);
  background-color:gray;
  background-blend-mode:multiply;
  background-size:cover;
}

/* h1見出し */
h1 {
  font-size: 40px;
  font-family: serif;
}

.subtitle{
  font-size:25px;
}
/* ===== メニューのスタイル ===== */
/* h2見出し */

.news-title{
  text-align:center;
  font-family:serif;
  color:sienna;
  font-size:20px;
  margin-bottom:40px;
}

.ex1{
font-size:20px;  
font-family:serif;
color:sienna;
margin-bottom:20px;
border-style: dashed;/* 線の種類 */
  border-color: rosybrown;/* 線の色 */
  padding:10px;
  border-radius:10px;
}

.ex2{
  font-size:20px;
  font-family:serif;
  color:sienna;
  margin-bottom:20px;
  border-style: dashed;/* 線の種類 */
  border-color: rosybrown;/* 線の色 */
  padding:10px;
  border-radius:10px;
}

.news-title{
  padding:40px;
}

.news{
  background-color:rgba(255,255,255,0.3);
  border-style:solid;
  border-radius:10px;
  border-color:rosybrown;
  padding:20px;
    text-align:center;
   margin-left: auto;
    margin-right: auto;
    width: 800px
}

.world{
    margin-top:50px;
    margin-bottom:50px;
    background-color:rgba(255,255,255,0.3);
  border-style:solid;
  border-radius:10px;
  border-color:rosybrown;
  padding:20px;
    text-align:center;
   margin-left: auto;
    margin-right: auto;
    width: 800px
}

/* リンク */
a {
  color: indianred;
  background-color: antiquewhite;
  background-image:linear-gradient(to right,transparent 50%,rosybrown 50%);
  background-position:0 0;
  background-size:200% auto;
  transition:0.3s;
  padding: 10px;
  text-decoration: none;
  border-radius: 3px;
  display: block;
  text-align: center;
}

/* リンクにさわった時 */
a:hover {
 color: white;
  background-position:-100% 0;
}

/* ===== フッターのスタイル ===== */
/* フッター */
footer {
  color: rosybrown;
  text-align: center;
  padding-top: 100px;
}