header {
	background: #FFCC66;
	color: #fff; /* ヘッダーの文字色 */
	padding-top: 10px; /* ヘッダーの上下左右の間隔 */ 
	padding-left: 15px; /* ヘッダーの上下左右の間隔 */ 
}

body {
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
	background: #f0f0f0;
	max-width: 10000px;
}

main {
	text-align: center;
}

.logo {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.logo-size {
	width: 30%;
}

hr {
	width: 90%;
}

footer {
	background: #FFCC66;
	color: #fff;
	padding: 9px;
	text-align: center;
	padding: 30px;
}
 
@media screen and (max-width: 960px) {
	/* 959px以下に適用されるCSS（タブレット用）
     */
     header {
		background: #FFCC66;
        color: #fff; /* ヘッダーの文字色 */
        padding-top:15px; /* ヘッダーの上下左右の間隔 */
        padding-bottom:15px
      }
    
      body {
        margin-left: auto;
        margin-right: auto;
        margin-top: 0;
        margin-bottom: 0;
        padding: 0;
        background: #f0f0f0;
        max-width: 10000px;
      }
  
      footer {
        background: #FFCC66;
        color: #fff;
        padding: 9px;
        text-align: center;
        padding: 30px;
      }
}

@media screen and (max-width: 751px) {
    header {
		background: #FFCC66;
        color: #fff; /* ヘッダーの文字色 */
        padding-top:15px; /* ヘッダーの上下左右の間隔 */
        padding-bottom: 15px;
	}
	body {
        margin-left: auto;
        margin-right: auto;
        margin-top: 0;
        margin-bottom: 0;
        padding: 0;
        background: #f0f0f0;
        max-width: 10000px;
	}

	footer {
        background: #FFCC66;
        color: #fff;
        padding: 9px;
        text-align: center;
        padding: 30px;
	}
}