@charset "utf-8"; 

/* サイト共通のデザイン（レイアウト、ヘッダー、フッター、ナビゲーション）を記述する。
content.cssに影響しないように各ブロック内で局所化する。
wysiwygエディターと編集画面では使用しない。 */



/* ヘッダー
–––––––––––––––––––––––––––––––––––––––––––––––––– */
header { background:url("../images/bg.jpg") var(--main_color); color:#fff; padding:1em; text-align:center; }
header h1 { font-size:2em; color:#fff;
	font-family:"Noto Serif JP", serif;
	font-optical-sizing:auto;
	font-weight:900;
	font-style:normal;
 }
header h1 a { color:#fff; text-decoration:none; }

header h2 { font-size:1.2em; color:#fff;
	font-family:"Noto Serif JP", serif;
	font-optical-sizing:auto;
	font-weight:900;
	font-style:normal;
	margin:1.5em auto;
 }

header img { width:100%; max-width:1200px; }



/* グローバルナビゲーション
–––––––––––––––––––––––––––––––––––––––––––––––––– */
nav { display:flex; justify-content:center; gap:1em; border:3px double var(--light_gray); margin:2em 0.5em; padding:0.5em; }
nav ul { margin:0; }
nav li { list-style-type:none; }
nav li a { padding:0.5em; }


/* メイン
–––––––––––––––––––––––––––––––––––––––––––––––––– */
main { float:none; max-width:1200px; margin:0 auto 1em; }



/* トップへ戻る
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.back-to-top { display:none; position:fixed; right:20px; bottom:80px; padding:12px 16px; border-radius:50%; border:none; background:#333; color:#fff; cursor:pointer; opacity:0.8; filter:alpha(opacity=80); }


/* フッター
–––––––––––––––––––––––––––––––––––––––––––––––––– */
footer { background:var(--main_color); color:#fff; padding:1em; }
address { text-align:right; margin:0.5em; font-style:normal; text-align:center; }
address dt { font-weight:bold; }
address dd {  }



/* モニター幅1200px以下 */
@media only screen and (max-width:1200px) { 

}


/* スマートフォン 横(ランドスケープ) タブレット*/
@media only screen and (max-width:768px) { 

}


/* スマートフォン 縦(ポートレート) */
@media only screen and (max-width:480px) { 

}