@charset "utf-8";
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 100;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 200;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 300;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold;
}
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 100;
}
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 200;
}
/* ==================================================
reset
================================================== */
*,
*:before,
*:after{
	box-sizing: border-box;
}
html,
body {
	height:100%;
	width: 100%;
}
body {
	margin:0; /* 変更しない */
	padding:0; /* 変更しない */
	font-size:100%; /* 16pxのとき */
	line-height:1.6; /* 変更しない */
	color:#000000;
	background-color:#fff0bb;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic,"游ゴシック", Verdana, Meiryo, "M+ 1p", sans-serif;
	-webkit-overflow-scrolling: touch;
	-webkit-text-size-adjust: 100%;
	word-wrap: break-word;
	overflow-wrap: break-word;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
dl,
dt,
dd,
blockquote,
form,
input,
fieldset,
legend {
	margin:0; /* 変更しない */
	padding:0; /* 変更しない */
}
img {
	max-width: 100%;
	height: auto;
	border:none; /* 変更しない */
}
fieldset {
	border:none; /* 変更しない */
}
ul,
ol {
	list-style-type: none;
}
li,
dt,
dd {
	line-height:1.2; /* 変更しない */
}
table {
	font-size:100%; /* 変更しない */
	line-height:1.6; /* 変更しない */
}
form,
input,
select {
	font-size:100%; /* 変更しない */
}
input,
select,
button,
tt {
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic,"游ゴシック", Verdana, Meiryo, "M+ 1p", sans-serif;
}
a:link,
a.skip {
	color:#000000; /* デザインによって変更 */
	background-color:transparent; /* 変更しない */
}
/* ==================================================
skip
================================================== */
.skip {
	width:1px;
	color:#000000;
	font-size:0.1%;
	line-height:0.1;
	background-color:#FFFFFF;
	position:absolute;
	left:-3000px;
	z-index:9999;
}
a.skip {
	background-color:#FFFFFF; /* 変更しない */
	text-align:center; /* 変更しない */
	padding:2px 0; /* 変更しない */
	top:auto; /* 変更しない */
}
a.skip:active {
	display:block;
	width:99.99%; /* 変更しない */
	font-size:100%; /* 変更しない */
	line-height:1.6; /* 変更しない */
	top:0; /* 変更しない */
	left:0; /* 変更しない */
}
a.skip:focus {
	display:block;
	width:99.99%; /* 変更しない */
	font-size:100%; /* 変更しない */
	line-height:1.6; /* 変更しない */
	top:0; /* 変更しない */
	left:0; /* 変更しない */
}