@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@200..900&display=swap');

body {
  padding: 0;
  background: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
img {
  max-width: 100%;
}

h2{
  text-align:center;
  font-size:20px;
  background:#EFEFEF;
  padding:10px;
}

article{
  padding:0px 0px 30px 0px;
}

footer{
  text-align:center;
  padding:10px;
  background:#414650;
  color:#FFF;
}

.radiobox{
  display:inline-block;
}

.catalog_label{
  height:100%;
}
.catalog_thumb{
  padding:0;
  margin:0;
  margin-bottom:3px;
  background:#D7EEFF;
  padding:10px;
  border-radius:5px;
}

.catalog_thumb img {
  width: 100%;
  height: 220px;
  object-fit: contain;
}

label{
  padding:15px;
  font-size:14px;
}

label:has(:checked){
  background-color: #DEFFFD;
  font-weight: 700;
  transition:.3s;
}

.pageheader{
  background:#0075c1;
  color:#FFF;
  padding:30px 0px;
  text-align:center;
  font-size:30px;
  margin-bottom:30px;
}

body{
  padding-bottom:120px;
}

#selectedcatalog{
  background:#efefef;
  position:fixed;
  left:0;
  bottom:0;
  width:100%;
  display:flex;
  padding:10px;
  justify-content: center;
  align-items: center;
}

#selectedcatalog  div{
  width:100px;
  height:100px;
  overflow:hidden;
  padding:5px;
}

#selectedcatalog  div img{
  max-width:100%;
}

.catalog_info{
  margin-top:10px;
  padding:10px;
  font-size:14px;
  background:#EFEFEF;
  border:1px solid #ddd;
  border-radius:5px;
}