/* ===============================
	base
 =============================== */
body {
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
	font-size: 1.2em;
	line-height: 1.6em;
	color: #1a1a1a;
	-webkit-text-size-adjust: 100%;
	box-sizing: border-box;
}
a {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* スマホのハイライトデザインを無効にする */
}
a:focus {
	outline: none;
}
img { vertical-align: bottom; width:100%;}
.mo a img {
	background-color: rgba(255, 255, 255, .01); /* マウスオーバー要素のバグ対応 */
}

/* ===============================
	loading
 =============================== */
#pageLoad {
	width: 100%;
	height: 100%;
	background-color: #fff;
	position: fixed;
	z-index: 999;
}
#pageLoad.loading {
	background-image: url(../images/pageloading.gif);
	background-position: center center;
	background-repeat: no-repeat;
}

/* ===============================
	utility
 =============================== */
ul.horizon:after { /* 水平並びリスト */
	content: ".";
	display: block;
	clear: both;
	height: 0px;
	visibility: hidden;
	font-size: 0px;
}

ul.horizon {
	list-style: none;
	min-height: 1px;
	zoom: 1;
}

ul.horizon li {
	float: left;
}

ul.dot { /* リスト（・） */
	list-style: disc;
	padding-left: 1.5em;
}

ul.star { /* リスト（※） */
	list-style: none;
	padding-left: 1.5em;
}

ul.star li {
	text-indent: -1.5em;
}

ul.star li:BEFORE {
	content: "\203b";
	margin-right: 0.5em;
}

ul.disc { /* リスト（●） */
	list-style: none;
	padding-left: 1.5em;
}

ul.disc li {
	text-indent: -1.5em;
}

ul.disc li:BEFORE {
	content: "\25cf";
	margin-right: 0.5em;
}

ul.square { /* リスト（■） */
	list-style: none;
	padding-left: 1.5em;
}

ul.square li {
	text-indent: -1.5em;
}

ul.square li:BEFORE {
	content: "\25a0";
	margin-right: 0.5em;
}

.caption { /* テキストサイズ注釈 */
	font-size: 0.88em;
	line-height: 1.4em;
}

.fxs {
	font-size: 0.88em; /* テキストサイズ小 */
	line-height: 1.6em;
}

.fxl {
	font-size: 1.14em; /* テキストサイズ大 */
	line-height: 1.6em;
}

.mt05em { /* margin top 0.5行 */
	margin-top: 0.5em !important;
}

.mt1em { /* margin top 1行 */
	margin-top: 1em !important;
}

.mt2em { /* margin top 2行 */
	margin-top: 2em !important;
}

.rdus { /* 角丸 */
	border-radius: 4px;
}


/* メディアクエリサンプル */
/* ===============================
	device setting
 =============================== */
@media screen and (min-width: 1281px) {
  // 画面幅が1281px以上（PC専用スタイル）
}
@media screen and (max-width: 1280px) {
  // 画面幅が1280px以下（タブレット・スマホ共通スタイル）
}
@media screen and (min-width: 768px) and (max-width: 1280px) {
  // 画面幅が768px～1280px（タブレット専用スタイル）
}
@media screen and (max-width: 767px) {
  // 画面幅が767px以下（スマートフォン専用スタイル）
}
@media screen and (max-width: 414px) {
  // 画面幅が414px以下（スマートフォン縦向き専用スタイル）
}

/* 印刷用スタイル */
/* ===============================
	print setting
 =============================== */
@media print {
	.printNl {
		page-break-before: always;
	}
}