/* ***************************** */
/*  sagあまのがわ2 スタイルシート    */
/*  MARUYAMA Takahiro & ChatGPT  */
/*  by Digi-KEN                  */
/* ***************************** */

/* 文字コード */
@charset "UTF-8";


/* 配色の設定 */
:root {
    --base-color:   #e6e5ef; /* ベースとなる色 ページの背景色 */
    --accent-color: #ced7dc; /* 表題表示エリア、FlexBoxアイテムの色 */
    --sub-color:    #3e3a3a; /* メインエリアの色 */

    --text-black:   #333333; /* 標準文字の色 */
    --paper-white:  #EEEEFF; /* 標準紙の色 */
    --header-footer:#1F1F1F; /* ヘッダー／フッターの背景 */

	--link-text: 	#ecb56c; /* リンクしているテキスト */
	--link-hover:	#568FED; /* マウスが重なった時のテキストの色 */
	--link-active:	#6FA558; /* マウスをクリックした時のテキストの色 */
}


/* 全体を最初にリセット */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    height: 100%;
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
	background-color: var(--paper-white);
    color: var(--text-black);
}



/* ***************************** */
/*   メインコンテンツ               */
/* ***************************** */

main {
    flex: 1;
    background: var(--base-color);
    padding: 10px 10px 10px 10px;
}

article {
    background: var(--accent-color);
    padding: 10px;
    margin-top: 0px;
	margin-bottom: 0px;
	border-radius: 8px;
}

section {
    background: var(--paper-white);
    padding: 10px;
	border-radius: 4px;

    
/* H1〜H4 見出しスタイル */
h1 {
	font-size: 24px;
    margin-top: 0;    /* 以前のマージンを削除 */
	margin-bottom: 0; /* 以前のマージンを削除 */
}

h2 {
	font-size: 20px;
    margin-top: 0;    /* 以前のマージンを削除 */
	margin-bottom: 0; /* 以前のマージンを削除 */
}

h3 {
    font-size: 18px;
    margin-top: 0;    /* 以前のマージンを削除 */
	margin-bottom: 0; /* 以前のマージンを削除 */
}

/* 段落 パラグラフ */
p {
	font-size: 14px;  /* フォントサイズ */
    margin-top: 8px;  /* 以前のマージンを削除 */
	margin-bottom: 0; /* 以前のマージンを削除 */
}

img {
    margin: auto;
    display: block;
    width: 80%;
  }