@charset "utf-8";
/* CSS Document */
body{
  font-family: "Klee One", cursive !important;
  font-weight: 400;
  font-style: normal;
}
footer{	
	background-color:;
	font-family: "Klee One", cursive !important;
}	
.navbar-toggler .navbar-toggler-icon !important{
  　　　　background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='black' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
p {
  line-height: 1.7 !important;
}

p{
	color: black;
}

@media screen and (max-width: 768px) {/* 768px以下でスマホ画面時*/
h2{
	font-size: 23px !important;
}
h1{
	font-size: 25px !important;
	}
p{
	font-size: 15px;
}
tr td{
		font-size: 15px;
}
h2{
	font-size: 25px;
}
}
@media screen and (max-width: 1200px) {/* 1200px以下でスマホ画面時*/
header .navbar-nav .nav-item a{
	font-size: 17px !important; 
	}
}
@media screen and (max-width: 768px) {/* 768px以下でスマホ画面時*/
footer .navbar-nav .nav-item a{
	font-size: 15px !important; 
	}
footer ul li{
	font-size: 15px !important; 
	}	
footer small{
	font-size: 13px !important; 
	}	
}
.INFO{	
	background-color:#F4F4F4;
}
.img_wrap img{
  cursor: pointer;
  transition-duration: 0.3s;
}
.img_wrap:hover img{
  opacity: 0.6;
  transition-duration: 0.3s;
}
.BOX{	
	background-color:#F4F4F4;
}
.new{
  cursor: pointer;
  transition-duration: 0.3s;	
}
.new:hover{
  opacity: 0.6;
  transition-duration: 0.3s;
}
.material{	
	background-color:#F3EFEC;
}

/*------------------------- custumcss ------------------------------*/

.font1rem {
	font-size: 1rem;
}