@charset "UTF-8";

/* html */
html{
	overflow-y:scroll;
	overflow-x:hidden;
}
/* body */
body{
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	position:relative;
}
/* a */
a{
	color:#333;
	text-decoration:none;
}

/* img */
img{
	vertical-align:top;
}

/* figure */
figure{
	text-align:center;
	overflow:hidden;
	margin:0 0 1.2em;
}
figure img{
	max-width: 100%;
}

figure figcaption{
	text-align:center;
	margin-top:10px;
	font-size:93.33%;
}

/* ul ol */
ul,ol{
	padding: 0;
	margin-bottom: 0;
	list-style-type: none;
}
li{
	line-height: 1.8;
}

/* dd */
dd{
	padding: 0;
	margin: 0;
}

/* p */
p {
	margin: 30px 0 0 0;
	line-height: 1.8;
}
@media screen and (max-width: 767px){
	p {
		margin: 20px 0 0 0;
	}
}
/* .clearfix */
.cf::before,
.cf::after{
	content:" ";
	display:table;
}
.cf::after{
	clear:both;
}
.cf{
	*zoom:1;
}

/* outline */
header {
	z-index: 10;
}
header,
#wrap,
.pageTop,
footer{
	margin: 0 auto;
	z-index: 1;
}
header {
	z-index: 10;
}

/* font-size */
@media screen and (max-width: 479px){
	body{
		font-size:12px;
	}
}
@media screen and (min-width: 480px) and (max-width: 767px){
	body{
		font-size:12.52941px;
	}
}
@media screen and (min-width: 768px) and (max-width: 1023px){
	body{
		font-size:13.52941px;
	}
}
@media screen and (min-width: 1024px){
	body{
		font-size:14px;
	}
}
h1,h2,h3,h4,h5,h6{
	line-height: 2;
}


/* keyframes */
/** accordionFade **/
@keyframes accordionFadeIn {
	0%   {opacity: 0; height: 0; display: none; padding: 0 10px;}
	1%   {opacity: 0; height: 0; display: block;}
	90%  {opacity: 1; height: auto; display: block; padding: 15px 10px;}
	100% {opacity: 1; height: auto; display: block;}
}
@-webkit-keyframes accordionFadeIn {
	0%   {opacity: 0; height: 0; display: none; padding: 0 10px;}
	1%   {opacity: 0; height: 0; display: block;}
	90%  {opacity: 1; height: auto; display: block; padding: 15px 10px;}
	100% {opacity: 1; height: auto; display: block;}
}
@keyframes accordionFadeOut {
	0%   {opacity: 1; height: auto; display: block; padding: 15px 10px;}
	1%   {opacity: 1; height: auto; display: block;}
	90%  {opacity: .2; height: 0; display: block;}
	100% {opacity: 0; height: 0; display: none; padding: 0 10px;}
}
@-webkit-keyframes accordionFadeOut {
	0%   {opacity: 1; height: auto; display: block; padding: 15px 10px;}
	1%   {opacity: 1; height: auto; display: block;}
	90%  {opacity: .2; height: 0; display: block;}
	100% {opacity: 0; height: 0; display: none; padding: 0 10px;}
}

/** headerFade **/
@keyframes headerFadeIn {
	0%   {opacity: 0; height: 0; display: none;}
	1%   {opacity: 0; height: 0; display: block;}
	90%  {opacity: 1; height: auto; display: block;}
	100% {opacity: 1; height: auto; display: block;}
}
@-webkit-keyframes headerFadeIn {
	0%   {opacity: 0; height: 0; display: none;}
	1%   {opacity: 0; height: 0; display: block;}
	90%  {opacity: 1; height: auto; display: block;}
	100% {opacity: 1; height: auto; display: block;}
}
@keyframes headerFadeOut {
	0%   {opacity: 1; height: auto; display: block;}
	1%   {opacity: 1; height: auto; display: block;}
	90%  {opacity: .2; height: 0; display: block;}
	100% {opacity: 0; height: 0; display: none;}
}
@-webkit-keyframes headerFadeOut {
	0%   {opacity: 1; height: auto; display: block;}
	1%   {opacity: 1; height: auto; display: block;}
	90%  {opacity: .2; height: 0; display: block;}
	100% {opacity: 0; height: 0; display: none;}
}