@charset "UTF-8";
@-ms-viewport {
  width: device-width; }

/*--------------------------------------------------------------------------
CSS　Scroll Header
--------------------------------------------------------------------------*/
/*========= スクロールで出たり隠れたりするヘッダー用CSS ===============*/
header{
	/*固定ヘッダ*/
	position: fixed;
	top: 0;
	width:100%;
	transition: transform 0.3s ease;
	z-index: 1000;
}
/*scriptでhidden付いた時*/
.hidden {
  transform: translateY(-100%);
}

/*===============================
■■　スマホ用　■■
===============================*/
/*------------(XS)------------*/
/*------------(SM)------------*/
/*------------(MD)------------*/
/*------------(LG)------------*/
/*------------(XL)------------*/