@charset "utf-8";
/* CSS Document */

* {
  margin:0; padding:0;
  background-blend-mode: screen;
  font-family: 'Hachi Maru Pop', cursive;
font-family: 'Potta One', cursive;
}

header {
  width: 100%;
  height: 220px;
  padding: 5px 0px 0px 0px;
  text-align: center;
  color: #000000;
  background-image: url("img/クレイイメージ１ライン.JPG");
  background-position: center;
  background-size: cover;
}

header .headline{
    line-height: 100px;
    font-size: 40px;
    text-decoration: underline;
}

.nav-list {
  text-align: center;
  padding: 10px 0;
  margin: 0 auto;
}

.nav-list-item {
  list-style: none;
  display: inline-block;
  margin: 0 20px;
}

footer{
    width: 100%;
    height: 170px;
    background-color: #ffffff;
    color: #000000;
    text-align: center;
	clear:both;
}

ul.footer-menu li {
display: inline;
}

#contents {
width:57%;
float:left;
background-color:#CCC;
background-image: url("img/138.JPG");
background-attachment: fixed;
background-position: 20% 70%;
}

#sidenavi {
width:42.5%;
margin-left:0.5%;
float:right;
background-color:#CCC;
background-image: url("img/195.jpg");
background-position: center;
background-attachment: fixed;
}

#news {
width:97%;
height:auto;
border:solid 1px #CCC;
padding:1%;
margin-bottom:1%;
}

#news p {
border-bottom:dashed 1px;
}

.midashi {
border-bottom:dashed 2px #C30;
font-weight:bold;
color:#C30;
font-size:1.2em;
}

.contentsbox {
width:97%;
height:auto;
border:solid 1px #CCC;
padding:1%;
margin-bottom:1%;
text-align: left;
}

.clear {
clear:both;
}

#annai {
font-size:1.2em;
border-bottom:solid 2px #C30;
margin:0px 0px 15px 0px;
color:#C30;
}

.sidebox {
width:100%;
height:auto;
margin-bottom:5px;
}

#contents2{
width:100%;
background-color:#CCC;
background-image: url("img/16-イメージ.jpg");
background-position: center;
background-attachment: fixed;
text-align: center;
}

#contents3 {
width:100%;
background-color:#CCC;
background-image: url("img/144.JPG");
background-position: center;
background-attachment: fixed;
text-align: center;
}

.imgbox {
width:250px;
height:170px;
float:left;
margin:20px 10px 20px 10px;
}

#contents4 {
width:100%;
background-color:#CCC;
background-image: url("img/23-イメージ.jpg");
background-position: 30% 80%;
background-attachment: fixed;
text-align: center;
padding-top: 5px;
}

#contents5 {
width:100%;
background-color:#CCC;
background-image: url("img/covid.jpg");
background-position: center;
background-attachment: fixed;
text-align: center;
}

#column03{
width: 630px;
height:	350px;
text-align: left;
}

.ul, ol {
  background: #dadada;
  border-radius :8px;
  box-shadow :0px 0px 5px;
  padding: 0.5em 0.5em 0.5em 2em;
}
.ul li, ol li {
  line-height: 1.5;
  padding: 0.5em 0;
}

.container a {
  padding: .2em;
}

@media (pointer: coarse) {
  .container a {
    padding: .8em;
  }
}
@media only screen and (max-width:1024px){
	html{
    width:	100%;
	}
}
@media only screen and (min-width: 415px) and (max-width: 926px){
	html{
		width: auto;
	}
}
@media only screen and (max-width: 414px){
	header{
		width: auto;
	}
}