html {
	width: 100%;
	height: 100%;
	overflow: auto;
}
body {
	width: 100%;
	-ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
@media screen and (min-width: 641px) {
	body { min-width: 1080px; }
}
/* ------------------------------------- */
/* 共通:演出 */
/* ------------------------------------- */
.hover {
	transition: 0.5s;
}
.hover:hover {
	opacity: 0.6;
}
.fadeIn {
	opacity: 0;
	transition: 1s;
}
.fadeIn.fromL {
    transform: translateX(-30px);
}
.fadeIn.fromR {
    transform: translateX(30px);
}
.fadeIn.fromT {
    transform: translateY(-30px);
}
.fadeIn.fromB {
    transform: translateY(30px);
}
.fadeIn.active {
	opacity: 1;
    transform: translateX(0px);
    transform: translateY(0px);
}
.underlineN:hover {
    text-decoration: underline;
}
.underlineU {
    text-decoration: underline;
}
.underlineU:hover {
    text-decoration: none;
}
/* ------------------------------------- */
/* 共通:装飾 */
/* ------------------------------------- */
body#spreatable main .separater {
	text-align: center;
}
/* ------------------------------------- */
/* 共通:フォント指定 */
/* ------------------------------------- */
body#spreatable header .fontTypeA,
body#spreatable header .fontTypeA *,
body#spreatable main .fontTypeA,
body#spreatable main .fontTypeA * {
	font-family: 'Yu Gothic', 'YuGothic', '游ゴシック体', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Hiragino Kaku Gothic ProN', Meiryo, 'メイリオ', sans-serif !important;
}
body#spreatable header .fontTypeB,
body#spreatable header .fontTypeB *,
body#spreatable main .fontTypeB,
body#spreatable main .fontTypeB * {
	font-family: 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Hiragino Kaku Gothic ProN', Meiryo, 'メイリオ', sans-serif;
	font-weight: bold;
}
/* ------------------------------------- */
/* 見出し構造の最適化用(崩れ防止) */
/* ------------------------------------- */
h1.header_optimize,
h2.header_optimize,
h3.header_optimize,
h4.header_optimize,
h5.header_optimize,
h6.header_optimize {
	display: inline-block;
	color: inherit;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
	letter-spacing: inherit;
}
/* ------------------------------------- */
/* 全体 */
/* ------------------------------------- */
body#spreatable #wrapper {
	height:auto;
	width: 100%;
	min-height:100%;
	font-family: メイリオ, Meiryo, Hiragino Mincho ProN, ヒラギノ明朝 ProN W3, ＭＳ 明朝, serif;
	color: #333333;
	position: relative;
}