@charset "utf-8";
/*----------------------------------------------
	css初期化設定(normalize.cssから上書き)
---------------------------------------------*/
*{margin: 0; padding: 0; box-sizing: border-box;}h1{margin: 0;}a{text-decoration: none;}img{max-width: 100%; height: auto; vertical-align: bottom;}ul,ol{list-style: none;}table{border-collapse: collapse; border-spacing: 0;}


/*----------------------------------------------
	root
---------------------------------------------*/
:root{
  /* c_wrap使用時の両端のmarginまたはpaddingを指定 */
  --wrap: 0 20px;
}


/*----------------------------------------------
	body
---------------------------------------------*/
body {
  background: #fff;
  font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', arial, helvetica, sans-serif;
  color: #333;
  line-height: 1.5;
  overflow-y: auto;
}

body:has(header.clicked) {
  /*overflow-y: hidden;*/
}


/*----------------------------------------------
	a
---------------------------------------------*/
a { color: blue; }
a:hover,a:active,a:focus { color: purple; }