@charset "utf-8";

body{
	font-family: 'M PLUS Rounded 1c';
	font-size: 1.2em;
}

/***** redefinition *****/
h1 {
 	border-left: 10px solid #FC3;
	background-color: #FFC;
	font-size: 1.25em;
  font-weight: bold;
	padding: 10px;
}

h2 {
 	border-bottom: 2px solid #FC3;
	font-size: 1.2em;
  font-weight: bold;
	padding: 10px;
}

/***** menu *****/
.menu_wrap {
	width: 100%;
	height: 100px;
	background-color: #CCC;
	display: flex;
	justify-content: center;
	align-items: center;
}
.menu_inner {
	width: 100%;
	margin: 10px;
	padding: 10px;
	background-color :#AAA;
	text-align: center;
}
div.menu_item {
	width: calc((100% - 78px) / 4);
	display: inline-block;
	background-color: #666;
  margin: -3px;
	padding: 10px;
	text-align: center;
	border-left: 1px solid #FFF;
}
div.menu_item:last-child {
	border-right: 1px solid #FFF;
}
div.menu_item a:hover {
	opacity: 0.7;
}


/***** top background animation *****/

#bg_flower {
      position: absolute;
      top: 200px;
      left: 0;
      width: 100%;
      height: 500px;
	  overflow: hidden;
	  z-index: 1;
}

#bg_flower img{
	width: 100%;
}

@media screen and (max-width:1135px) { 
#bg_flower img{width: 150%;}
}

#bg {
		position: absolute;
		top: 200px;
		left: 0;
		width: 100%;
		height: 500px;
	  opacity:0.7;
	  z-index: 2;
	/* 背景グラデーションの作成 */
  	background: linear-gradient(
    to bottom,
    rgb(0, 45, 150),
    rgb(30, 190, 220),
    rgb(255, 210, 210)
		);
		background-size: 100% 300%;
		animation: AnimationName 15s ease infinite;

		display: flex;
		justify-content: center;
		align-items: center;
		color: #FFF;
}

@keyframes AnimationName {
  0% {background-position: 50% 0%;}
  50% {background-position: 50% 100%;}
  100% {background-position: 50% 0%;}
}

.top_catch {
  width: 100%;
  text-align: center;
    }

#canvasWave {
      position: absolute;
      top: 200px;
      left: 0;
      background: #000;
      width: 100%;
      height: 500px;
			z-index: 3;
			mix-blend-mode: soft-light;

    }


.top_comment{
   position: absolute;
   top: 710px;
   text-align: center;
   color: #565656;
}