@charset "utf-8";
/*
	Theme Name: diver_child
	Template: diver
	Description:  Diverの子テーマです。
	Theme URI: http://tan-taka.com/diver/
	Author: Takato Takagi
 */



/* フォント変更 */
*{
font-family: Meiryo;
}



/* マーカの色追加 */
.sc_marker2{
background: linear-gradient(transparent 50%, #e1eff4 50%);
}


/* ぷるぷるボタン2用 */
.button-simple2 {
	position: relative;
	font-weight: bold;
	padding: 5px 15px;
	margin: 0px 5px;
	border-radius: 30px;/*角の丸み*/
	font-size: 18px;/*文字サイズ*/
	background-color: #333355;/*背景色*/
	color: #fff;/*文字色*/
	display: inline-block;
	text-shadow: 1px 1px 0px rgb(0, 0, 0, 0.3);
	box-shadow: 0 3px 0 rgb(0, 0, 0, 0.3);
}
.button-simple2:before {
	font-family: FontAwesome;
	content: '\f144';/*好きなアイコン*/
	color: #fff;/*アイコンの色*/
	margin-right: 3px;
}
a:hover .button-simple2 {
	background-color: #fe6c63;/*触れたときの背景色*/
	color: #fff;/*触れたときの文字色*/
	box-shadow: 0 0px 0 rgb(0, 0, 0, 0.3);
	animation-play-state: paused;
	top: 3px;
}



.patsun {
	animation: patsun 2s infinite;
}
@keyframes patsun {
	0% {
		transform: rotateZ(0deg);
	}
	22% {
		transform: rotateZ(0deg);
	}
	24% {
		transform: translate(-2px, -10px) rotateZ(-18deg) scale(0.8, 1.3);
	}
	26% {
		transform: rotateZ(0deg) scale(1, 1.1);
	}
	28% {
		transform: translate(0px, -2px) rotateZ(-2deg;
		)
	}
	30% {
		transform: rotateZ(0deg);
	}
	32% {
		transform: translate(0px, -2px) rotateZ(-2deg);
	}
	33% {
		transform: rotateZ(0deg);
	}
	34% {
		transform: translate(0px, -2px) rotateZ(-2deg);
	}
	35% {
		transform: rotateZ(0deg);
	}
	36% {
		transform: translate(0px, -2px) rotateZ(-2deg);
	}
	37% {
		transform: rotateZ(0deg);
	}
	38% {
		transform: translate(0px, -2px) rotateZ(-2deg);
	}
	39% {
		transform: rotateZ(0deg);
	}
	100% {
		transform: rotateZ(0deg);
	}
}



/* ぷるぷるボタン用 */
.button-simple {
	position: relative;
	font-weight: bold;
	padding: 5px 15px;
	margin: 0px 5px;
	border-radius: 30px;/*角の丸み*/
	font-size: 18px;/*文字サイズ*/
	background-color: #2bb94c;/*背景色*/
	color: #fff;/*文字色*/
	display: inline-block;
	text-shadow: 1px 1px 0px rgb(0, 0, 0, 0.3);
	box-shadow: 0 3px 0 rgb(0, 0, 0, 0.3);
}
.button-simple:before {
	font-family: FontAwesome;
	content: '\f144';/*好きなアイコン*/
	color: #fff;/*アイコンの色*/
	margin-right: 3px;
}
a:hover .button-simple {
	background-color: #fe6c63;/*触れたときの背景色*/
	color: #fff;/*触れたときの文字色*/
	box-shadow: 0 0px 0 rgb(0, 0, 0, 0.3);
	animation-play-state: paused;
	top: 3px;
}



.patsun {
	animation: patsun 2s infinite;
}
@keyframes patsun {
	0% {
		transform: rotateZ(0deg);
	}
	22% {
		transform: rotateZ(0deg);
	}
	24% {
		transform: translate(-2px, -10px) rotateZ(-18deg) scale(0.8, 1.3);
	}
	26% {
		transform: rotateZ(0deg) scale(1, 1.1);
	}
	28% {
		transform: translate(0px, -2px) rotateZ(-2deg;
		)
	}
	30% {
		transform: rotateZ(0deg);
	}
	32% {
		transform: translate(0px, -2px) rotateZ(-2deg);
	}
	33% {
		transform: rotateZ(0deg);
	}
	34% {
		transform: translate(0px, -2px) rotateZ(-2deg);
	}
	35% {
		transform: rotateZ(0deg);
	}
	36% {
		transform: translate(0px, -2px) rotateZ(-2deg);
	}
	37% {
		transform: rotateZ(0deg);
	}
	38% {
		transform: translate(0px, -2px) rotateZ(-2deg);
	}
	39% {
		transform: rotateZ(0deg);
	}
	100% {
		transform: rotateZ(0deg);
	}
}