ul {
    list-style: none;     /* アイコンの種類指定 */
}

/* アコーディオン　ここから*/
.nav-open{
    border-radius: 10px;
	padding: 15px;
	color: #fff;
	font-size: 20px;
	background: #097d7e;
	position: relative;
}
.nav-open::before{/* 閉じている時 */
	content: "-";
	position: absolute;
	right: 20px;
}
.nav-open.active::before{/* 開いている時 */
	content: "+";
}

/* アコーディオン　ここまで*/

/*小ぷるん　ここから*/
.small_purun {
  animation: small_purun 0.8s linear 0s 1;
}

@keyframes small_purun {
  0%   { transform: scale(1.0, 1.0) translate(0%, 0%); }
  7%  { transform: scale(0.95, 0.95) translate(0%, 0.5%); }
  15%  { transform: scale(1.05, 0.95) translate(0%, 1%); }
  22%  { transform: scale(0.95, 1.05) translate(0%, -1%); }
  30%  { transform: scale(1.05, 0.95) translate(0%, 0.5%); }
  38%  { transform: scale(0.95, 0.95) translate(0%, 0.5%); }
  45%  { transform: scale(1.05, 0.95) translate(0%, 1%); }
  53%  { transform: scale(0.95, 1.05) translate(0%, -1%); }
  60%  { transform: scale(1.05, 0.95) translate(0%, 0.5%); }
  68%  { transform: scale(0.95, 0.95) translate(0%, 0.5%); }
  75%  { transform: scale(1.05, 0.95) translate(0%, 1%); }
  83%  { transform: scale(0.95, 1.05) translate(0%, -1%); }
  92%  { transform: scale(1.05, 0.95) translate(0%, 0.5%); }
  100% { transform: scale(1.0, 1.0) translate(0%, 0%); }
}
/*ぷるん　ここまで*/


/*ぷるん　ここから*/
.purun {
    animation: purun 0.8s linear 0s 1;
  }
  
  @keyframes purun {
    0%   { transform: scale(1.0, 1.0) translate(0%, 0%); }
    15%  { transform: scale(0.9, 0.9) translate(0%, 5%); }
    30%  { transform: scale(1.3, 0.8) translate(0%, 10%); }
    50%  { transform: scale(0.8, 1.3) translate(0%, -10%); }
    70%  { transform: scale(1.1, 0.9) translate(0%, 5%); }
    100% { transform: scale(1.0, 1.0) translate(0%, 0%); }
  }
/*ぷるん　ここまで*/

/*無限ぷるん　クラス　ここから*/
/* 全体を10秒に設定し、最後の１秒間で動きをつけることで待ち実現 */
.infinite_purun {
    animation: infinite_purun 10s linear 0s infinite;
  }
  
  @keyframes infinite_purun {
	0%   { transform: scale(1.0, 1.0) translate(0%, 0%); }
    92%   { transform: scale(1.0, 1.0) translate(0%, 0%); }
    94%  { transform: scale(0.9, 0.9) translate(0%, 5%); }
    96%  { transform: scale(1.3, 0.8) translate(0%, 10%); }
    98%  { transform: scale(0.8, 1.3) translate(0%, -10%); }
    99%  { transform: scale(1.1, 0.9) translate(0%, 5%); }
    100% { transform: scale(1.0, 1.0) translate(0%, 0%); }
  }
/*無限ぷるん　クラス　ここまで*/