@charset "UTF-8";

/*　ページ全体の設定　*/
Body  {
     Margin: 0;
     Font-family: serif;
     Background-color: black;
     Color: white;

}


/* 「ヘッダー」ブロック　*/
Header { 
   Font-family: serif;
   Padding: 0px  0px;
   Text-align:center;

}


/*　　「コンテンツ」ブロック　*/
.contents {
   Padding: 5px 15px;
}

/* 記事　*/
Article {
    Padding: 5px;
}


H1  {
  Font-size: 26px;

}

P  {
  Line-height: 1.7;
  Font-size: 18px;
}

Hr{
  Border-width: 1px 0px 0px 0px;
  Border-style: solid;
  Border-color: white;
  Height: 1px;
}
   
Li {
  Font-size: 18px;
}

ol  {
   font-size:  18px;
   padding:  20px;
   line-height: 2;
}



/*　画像　*/
Img {
   Width: 100%;
   Height: auto;
}

Figure  {
    Margin: 0;
}



/*　動画　*/
.Video{
  text-align: center;
}

/* 「フッター」ブロック　*/
Footer  {
   Font-family: sans-serif;
   Font-size: 16px;
   Padding: 5px  15px;
   Text-align:center;
   Color: white;
  }

/* リンク　*/
A  {
   Text-decoration: underline;
   Color: white;
}

A:hover  {
   Opacity:  0.7;
}




/* ==== PC版 ==== */
@media (min-width: 600px) {

/* PC版：コンテナ */
.container {
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}


/* PC版：「ヘッダー」ブロック内のコンテナ */
header .container {
	width: 40%;
        Padding: 5px;
        display: center;
	justify-content: space-between;
}


/* PC版：記事 */
article {
	padding-left: 60px;
	padding-right: 60px;
}

h1 {
	font-size: 32px;
}

p {
	font-size: 18px;
}

li {
       font-size:16px
}

}  
/* ===== PC版の設定ここまで ===== */

/* ==== PC版（大） ==== */
@media (min-width: 1025px) {


/* 「ヘッダー」ブロック　*/
header .container { 
   width: 40%;
   Padding: 5px;
   display: center;
   Justify-content: space-between;
}


/* PC版（大）：コンテナ */
.container {
        max-width: 1100px;
}

/* PC版（大）：「コンテンツ」ブロック内のコンテナ */



.contents .container {
	display: flex;
	justify-content: space-between;
}

/* PC版（大）：記事 */
article {
	width: 85%;
	box-sizing: border-box;
}


}
/* ===== PC版（大）の設定ここまで ===== */