html{height:100%}body{padding:0;margin:0;font-family:\30e1\30a4\30ea\30aa,Meiryo,sans-serif;display:grid;grid-template-columns:200px auto;grid-template-areas:"side-area main-area";height:100%}#side-area{grid-area:"side-area";background-color:#fff6e7;height:100%}#main-area{grid-area:"main-area";padding:50px;display:grid;grid-template-rows:100px auto;grid-template-areas:"content-header" "content-area"}#content-header{grid-area:"contet-header"}#content-title{font-size:30px;border-bottom:solid 8px #fad699}.contents-select-list{grid-area:"content-area";display:flex;flex-wrap:wrap;height:400px}.select-type-button{width:40%;height:70px;margin:10px;box-sizing:border-box;background-color:#ffa726;font-size:30px;border-radius:20px;text-align:center}.select-type-button>a{width:100%;height:100%;color:#fff;display:block;margin-top:16px}#logout-button{background-color:#ffa726;width:160px;border:none;border-radius:4px;cursor:pointer;outline:none;padding:0;appearance:none;margin-top:100px;font-size:20px;font-weight:700}