@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(-200%);
}
/*IDリンク時の上マージン*/
[id] {
  scroll-margin-top: 80px; /* 上に80pxの余白を持たせる */
}
/*===============================
■■　スマホ用　■■
===============================*/
/*------------(XS)------------*/
/*------------(SM)------------*/
/*------------(MD)------------*/
/*------------(LG)------------*/
/*------------(XL)------------*/