@charset "utf8";
/* base.css  Copyright(C) Fieldeast */

/******************************************************************************
*
* ベーススタイル
*
******************************************************************************/

* {
	font-family: Meiryo, 'メイリオ', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	font-size: 16px;
	line-height: 130%;
}

body{
	-webkit-text-size-adjust: 100%;
	margin: 0;
	padding: 0;
	font-size: 16px;
	font-weight: normal;
	line-height: 130%;
}

.base:after {
  display: block;
  clear: both;
  content: "";
}

.clearfix:after {
  display: block;
  clear: both;
  content: "";
}


img {
	vertical-align: bottom;
}

img,iframe {
	max-width: 100%;
}

a {
	color: #0000ff;
	text-decoration: none;
}

small {
	font-size: 90%;
	line-height: 120%;
}

/* fadein */
.fadein {
    transition: 1.5s;
	opacity: 0;
    transform: translate(0,30px);
}
.fadein.show {
	opacity: 1;
	transform: translate(0,0);
}

/* Page Top ボタン */
#page-top {
	position: fixed;
	bottom: 15px;
	right: 15px;
	font-size: 70%;
}

#page-top a {
	background-color: rgba( 255, 153, 0, 0.8 );
	text-decoration: none;
	color: #FFF;
	padding: 20px;
	text-align: center;
	display: block;
	border-radius: 5px;
	font-size: 12px;
}

#page-top a:hover {
	background-color: rgba( 255, 153, 0, 0.5 );
	text-decoration: none;
}


/* ボタン　*/
button, [type="submit"], [type="reset"], [type="button"] {
	-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	border: 0;
	background-color: rgba( 255, 153, 0, 0.8 );
	text-decoration: none;
	color: #FFF;
	padding: 10px 20px;
	text-align: center;
	border-radius: 5px;
	font-size: 12px;
}

button:hover, [type="submit"]:hover, [type="reset"]:hover, [type="button"]:hover {
	background-color: rgba( 255, 153, 0, 0.5 );
	text-decoration: none;
}

/*****************************************************************************/