/* テーマカラー */ :root { --main-color: #3840e1;; --sub-color: #6a80ef; } /* ヘッダー部分の構造定義 */ #pagetitle { height:100px; background-image:url(http://uma.godosai.com/content/images/siteheader.jpg); background-color: var(--main-color); } #pagetitlelogo { float:left; padding:10px 0 0 10px; } #pagetitlemenu { float:right; padding:10px 30px 0 0; } /* コンテンツの構造定義 */ .contentbox { margin:10px 0 0 0; padding: 0 0 10px 0; border-bottom: 2px solid var(--main-color); } .contentbox h2 { border-bottom: 2px solid var(--main-color); padding: 0 0 0 10px; font-size:3rem; margin:0 0 10px 0; color: var(--sub-color); } .contentbox h3 { border-bottom: 1px solid var(--main-color); padding: 0 0 0 15px; font-size:2.7rem; margin:0 0 5px 0; /* color: var(--main-color); */ color:white; background-color:var(--main-color); } .contentbox h4 { border-bottom: 2px solid var(--sub-color); padding: 10px 0 0 25px; font-size:2.4rem; margin:0 0 5px 0; color: var(--sub-color); } .contentbox h5 { border-bottom: 1px dotted var(--sub-color); padding: 10px 0 0 35px; font-size:2.1rem; margin:0 0 5px 0; color: var(--sub-color); } .contentbox h6 { padding: 0 0 0 40px; font-size:1.8rem; margin:0 0 5px 0; color: var(--main-color); } .contentbox p { font-size:1.6rem; padding:0 0 0 50px; } .contentbox li { font-size:1.6rem; padding:0 0 0 50px; } .dayandplace { background-color: var(--main-color); color:white; padding:10px; font-size:2.4em; font-weight:bold; } /* フッターの構造定義 */ #footer { clear:both; width:1000px; height:50px; margin:20px 0 0 0; background-color: var(--main-color); } #footer ul { padding:5px 0 0 10px; } #footer li { font-size:1.0rem; float:left; padding:0 10px 0 0; } #footer li a { color:white; } #footer p { clear:both; padding:5px 0 0 0; text-align:center; font-size:1.2rem; color:white; } #footer a { font-size: 1.2rem; color:white; }