@charset "UTF-8";

/* =============================================================================
	基本設定
		========================================================================== */

html {
	/* AndroidやiOSにおいてtap highlight colorが親要素を含んでしまう問題を修正（tap highlight colorを消す） */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	/* 画面の向きが変わった際のテキストサイズ調整を防ぐ */
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
	margin: 0;
	padding: 0;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo UI', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	line-height: 1.4;
}

h1, h2, h3, h4, h5, h6, p {
	margin: 0;
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
}
h1 { font-size: 1.2em;}


article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}


/* =============================================================================
	リンク関連
	========================================================================== */

a {
	color: #ff8900;
	-webkit-tap-highlight-color: transparent;
	text-decoration: none;
}
a:visited {
	color: #ff1462;
}
a:hover {
	color: #ff00c3;
}
a:focus {
	/* Chromeにおいてoutlineの表示不具合を修正 */
	outline: thin dotted;
}


/* =============================================================================
	リスト関連
		========================================================================== */
ul,
ol,
li,
dl,
dt,
dd {
	margin: 0;
	padding: 0;
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
}

ul,
ol,
dl {
}

ul,
ol {
	list-style: none;
}

dd {
}


/* =============================================================================
	埋め込みコンテンツ
		========================================================================== */

img {
	border: 0;
	vertical-align: text-bottom;
	/* IE7において画像の拡大縮小時の画質を改善 */
	-ms-interpolation-mode: bicubic;
}

svg:not(:root) {
	/* IE9においてoverflowの表示問題を修正 */
	overflow: hidden;
}


/* =============================================================================
 テーブル関連
 ========================================================================== */

table {
	border-collapse: collapse;
	border-spacing: 0 !important;
}


/* =============================================================================
	タイポグラフィ関連
		========================================================================== */

div, section, p, li {
	/* 半角文字折り返し */
	word-break: normal;
	word-wrap: break-word;
}

abbr[title] {
	/* IE7/8/9, S5, Chromeにおいてabbr要素がスタイリングされない問題を修正 */
	border-bottom: 1px dotted;
}

b,
strong {
	/* FF3/4, S4/5, Chromeにおいてb,strong要素がboldにならない問題を修正 */
	font-weight: bold;
}

blockquote {
	margin: 1em 40px;
}

dfn {
	/* S5, Chromeにおいてdfn要素がイタリック体にならない問題を修正 */
	font-style: italic;
}

mark {
	/* IE6/7/8/9においてmark要素がスタイリングされない問題を修正 */
	background: #ff0;
	color: #000;
}

pre,
code,
kbd,
samp {
	/* IE6, S5, Chromeにおけるfont-familyの問題を修正 */
	font-family: monospace, monospace;
	_font-family: 'courier new', monospace;
 font-size: 1em;
}

pre {
	/* 全てのブラウザーにおいてpre-formatted textの読みやすさを改善 */
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

q:before,
q:after {
	/* S4においてquotesプロパティーがサポートされていない問題を修正 */
	content: '';
	content: none;
}

small {
	font-size: 75%;
}

sub,
sup {
	/* 全てのブラウザーにおいてsubおよびsup要素がline-heightに影響する問題を防ぐ */
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}

/* =============================================================================
	Figure要素
		========================================================================== */

figure {
	/* IE6/7/8/9, S5, O11におけるmarginの問題を修正 */
	margin: 0;
}


/* =============================================================================
	clearfix要素
		========================================================================== */
.cf:after {
	content: "";
	display: block;
	clear: both;
}
.cf {
	zoom: 1.0;
}


/* =============================================================================
    class
        ========================================================================== */
/* ------ 配置(float) ------ */
.floatC{ margin: 0 auto !important; }
.floatL{ float: left !important;display: inline !important; }
.floatR{ float: right !important;display: inline !important; }

/* ------ 配置(text-align) ------ */
.alignC{ text-align: center !important; }
.alignL{ text-align: left !important; }
.alignR{ text-align: right !important; }

/* ------ 配置(margin) ------ */
.mb5 { margin-bottom: 5px !important;}
.mb10 { margin-bottom: 10px !important;}
.mb15 { margin-bottom: 15px !important;}
.mb20 { margin-bottom: 20px !important;}

.mt5 { margin-top: 5px !important;}
.mt10 { margin-top: 10px !important;}
.mt15 { margin-top: 15px !important;}
.mt20 { margin-top: 20px !important;}
/* ------ テキスト(font-size) ------ */
.textL{ font-size: 0.8em;}

/* ------ バナー表示位置 ------ */
.banner {
	text-align: center !important;
	padding: 5px 0 !important;
}