html { margin: 0; padding: 0; height: 100%; width: 100%; } body { margin: 0; padding: 0; height: 100%; width: 100%; } a { text-decoration: none; color:black; } .siteheader { background: #FFFFFF; border-left: solid 2px #AAAAAA; border-bottom: solid 2px #AAAAAA; border-right: solid 2px #AAAAAA; border-radius: 0px 0px 20px 20px; top: 0px; display: flex; position: fixed; width: 90%; margin: 0 auto; box-shadow: 0 0 10px; left:calc(50% - 90%/2); justify-content: space-between; } .logoimg { margin: 10px 10px; } .subbox { display: flex; align-items: center; text-align: center; margin: 10px 30px 10px 30px; } .mainbox { margin-top: 80px; padding-left: 20px; padding-right: 20px; } .clsList ul{ display: flex; overflow-x: scroll; margin: 0; padding: 0; } .clsList li{ /*min-width: 500px;*/ margin: 10px; padding: 0; list-style: none; } .sltitle{ font-size: 1.0em;/* フォントサイズ */ font-weight: bold;/* フォント太さ */ padding-top: .5em; padding-bottom: .5em; padding-left: .5em; margin-top: 40px; margin-bottom: 1px; border-left: 20px solid #f39800;/* 線 */ background-color: #eeeeee;/* 背景色 */ color: black;/* フォント色 */ }