@charset "UTF-8";
/************************************
** 子テーマ
************************************/
html {
  font-size: 62.5%;
}





/* ふわふわアニメーション */
.ani_02 {
  width:50%;
  margin-left:25%;
  animation: ani02 2s ease-in-out infinite;
}

@keyframes ani02 {
  0% {
    transform: translateY(0);
  }
    
  50% {
    transform: translateY(-10%);
  }
    
  100% {
    transform: translateY(0);
  }
}




/*========= 現在地表示のためのCSS ===============*/

#header{
	position: fixed;/*header固定*/
	height: 100%;/*Headerの高さ設定*/
	width: 10%;
	/*display: flex;
	justify-content: space-between;
	align-items: center;*/
	background:#333;
	color:#fff;
	text-align: center;
}

main {
  width: 90%;
  padding-left: 10%;
}

/* 以下はレイアウトのための CSS*/

nav ul{
    list-style: none;
}

nav ul li a{
    display: block;
    text-decoration: none;
    color: #666;
    padding:10px;
    transition:all 0.3s;
}

nav ul li.current a,
nav ul li a:hover{
    color:#fff;
}

@media screen and (max-width:768px) {
    nav ul li a:hover{
    color: #666;
    }

    nav ul li.current a {
    color:#fff;
    }
}

section{
    padding: 300px 0;
}