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;/* フォント色 */
}