@charset "utf-8";


/*animation1のキーフレーム設定（開閉ブロックのアニメーションに使用）
---------------------------------------------------------------------------*/
@keyframes animation1 {
	0% {left: -50vw;}
	100% {left: 0px;}
}
@keyframes animation2 {
	0% {left: 0px; opacity: 1;}
	100% {left: -100vw; opacity: 1; box-shadow: 0px 0px 0px rgba(0,0,0,0);}
}

@keyframes drawer-open {
from { transform: scale(1.05); opacity: 0; }
to { transform: scale(1); opacity: 1; }
}
@keyframes drawer-close {
from { transform: scale(1); opacity: 1; }
to { transform: scale(1.05); opacity: 0;}
}


/*opa1のキーフレーム設定（汎用的）
---------------------------------------------------------------------------*/
@keyframes opa1 {
	0% {opacity: 0;}
	100% {opacity: 1;}
}


/*up1アニメーションのキーフレーム設定（ヘッダーメニューのアイコンに使用）
---------------------------------------------------------------------------*/
@keyframes up1 {
	0% {}
	20% {transform: translateY(-2px);}
	50% {transform: translateY(7px);}
	70% {transform: translateY(-2px);}
	100% {transform: translateY(0px);}
}