@charset "shift_jis";
/* style.css */

html	{	font-family: "メイリオ", Meiryo, Verdana, "MS Pゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;	font-size: 14px;	line-height: 1.5;	}
body	{	background: #fff;	color: #333;	}

iframe	,	img,	object	{	vertical-align: text-bottom;	}

h2	{	font-size: 1.3em;	}
h2,	h3	{	margin: 0;	}
h4,	h5,	h6	{	font-size: 1em;	margin: 16px 0 0;	}
h3 + h4,	h4 + h5,	h5 + h6	{	margin: 8px 0 0;	}

p	{	margin: 8px 0 16px;	overflow: hidden;	width: auto;	}
h5 + p,	h6 + p	{	margin-top: 0;	}

ul,	ol,	dl	{	margin: 0 0 16px;	overflow: hidden;	width: auto;	}
ol	{	padding-left: 2em;	}
ul	{	padding-left: 2em;	}
li,	dt	{	margin: 8px 0 0;	}
li *:last-child,	dd *:last-child	{	margin-bottom: 0;	}
dd	{	margin-left: 1em;	overflow: hidden;	width: auto;	}

table	{	border-collapse: separate;	border-spacing: 1px;	margin: 4px 0 16px;	text-align: left;	}

hr	{	background: url(../img/line_x.png) repeat-x;	border: 0;	clear: both;	height: 1px;	margin: 4px 0 16px;	}
.section hr:not(:last-child)	{	background-image: url(../img/dot_x.png);	}

address	{	font-style:normal;	}

video	{	margin: 8px 0 0;	}

small	{	font-size: 12px;	font-style: normal;	font-weight: normal;	}
em	{	color: #f60;	font-style: normal;	font-weight: normal;	}
strong	{	color: #e60039;	}
b	{	font-weight: bold;	}
big	{	font-size: larger;	}
i	{	font-style: normal;	}
i.fa	{	margin-right: 4px;	}


/* #header_ad,	#ad_rec1st,	#ad_rec2nd - 広告
---------------------------------------- */

#header_ad ins,	#ad_rec1st ins,	#ad_rec2nd ins	{	background: #ddd;	display: block;	text-align: center;	text-decoration: none;	}
#header_ad,	#header_ad ins	{	height: 90px;	line-height: 90px;	width: 728px;	}
#ad_rec1st,	#ad_rec2nd,	#ad_rec1st ins,	#ad_rec2nd ins	{	height: 250px;	line-height: 250px;	width: 300px;	}


/* .btn - リンクボタン
---------------------------------------- */
a.btn,	.btn a	{	border-radius: 4px;	display: inline-block;	font-weight: bold;	line-height: 32px;	min-height: 32px;	padding: 0 8px;	text-align: center;	text-decoration: none;	}
a.btn i.fa,	.btn a i.fa	{	font-weight: normal;	margin-right: 8px;	}
a.btn.line2,	.btn.line2 a,	.btn a.line2	{	line-height: 1.5;	padding: 4px 8px;	}


/* .fixed - ページ下部固定
---------------------------------------- */
.fixed {	position: fixed;	bottom: 0;	width: 100%;	z-index: 10000;	}


/* .float_ - 左寄せ・右寄せ
---------------------------------------- */
.float_left,	.float_right	{	max-width: 160px;	text-align: center;	}
.float_left.large,	.float_right.large	{	max-width: 320px;	}
.float_left.medium,	.float_right.medium	{	max-width: 200px;	}
.float_left	{	float: left;	margin-right: 16px;	}
.float_right	{	float: right;	margin-left: 16px;	}
.float_left img,	.float_right img	{	width: 100%;	}
.float_left * + *,	.float_right * + *	{	margin-top: 8px;	}
.float_clear	{	clear: both;	}


/* .date_day - 日付表示（同年月）
---------------------------------------- */
.date_day1	{	padding-left: 5.25em;	text-indent: -5.25em;	}
.date_day2	{	padding-left: 5.9em;	text-indent: -5.9em;	}


/* .date_month - 日付表示（同年）
---------------------------------------- */
.date_month	{	padding-left: 3.5em;	text-indent: -3.5em;	}


/* .more - 詳細へのリンク
---------------------------------------- */
.more	{	text-align: right;	}


/* .large,	.middle,	.small - サイズ
---------------------------------------- */
.large	{	max-width: 320px;	}
.middle	{	max-width: 240px;	}
.small	{	max-width: 160px;	}


/* .fixheight - 子要素の高さを揃える
---------------------------------------- */
.fixheight	{	}


/* .modal - モーダル表示
---------------------------------------- */
.modal	{	}


/* .timer - 表示時刻設定
---------------------------------------- */
.timer	{	}


/* dl.item - 定義リスト並列表示
---------------------------------------- */
dl.item > dt	{	float: left;	}
dl.item > dd	{	margin: 8px 0 0;	}


/* ol.item - 順序リスト（ナンバリング無）
---------------------------------------- */
ol.item	{	list-style: none;	padding: 0;	}
ol.item > li	{	padding-left: 1em;	text-indent: -1em;	}
ol.item > li *	{	padding-left: 0;	text-indent: 0;	}


/* .attention - 注意事項（文頭に記号必須）
---------------------------------------- */
li.attention,	p.attention	{	padding-left: 1em;	text-indent: -1em;	}
ul.attention	{	list-style: none;	padding-left: 0;	}
ul.attention > li	{	margin-top: 0;	padding-left: 1em;	text-indent: -1em;	}


/* .card - 順不同リスト並列表示（カード用）
---------------------------------------- */
ul.card	{	display: -webkit-flex;	display: flex;	-webkit-flex-wrap: wrap;	flex-wrap: wrap;	list-style: none;	margin-left: -8px;	padding: 0;	}
ul.card > li	{	float: left;	margin-left: 8px;	overflow: hidden;	width: 208px;	}
ul.card img	{	width: 100%;	}


/* ul.item - 順不同リスト（テキスト用）
---------------------------------------- */
ul.item	{	list-style: disc;	margin: 0 0 16px -28px;	}


/* ul.list - 順不同リスト（テキスト用）
---------------------------------------- */
ul.list	{	list-style: none;	padding: 0;	}
ul.list > li:first-child	{	margin-top: 0;	}


/* ul.person - 順不同リスト並列表示（画像用）
---------------------------------------- */
ul.person	{	display: -webkit-flex;	display: flex;	-webkit-flex-wrap: wrap;	flex-wrap: wrap;	list-style: none;	margin: -8px 0 16px -16px;	padding: 0;	text-align: center;	}
ul.person > li	{	float: left;	margin: 8px 0 0 16px;	overflow: hidden;	width: 146px;	}
ul.person img	{	border: 1px solid #ccc;	}


/* ul.reverse - 並列表示（逆順）
---------------------------------------- */
ul.reverse	{	-webkit-flex-direction: row-reverse;	flex-direction: row-reverse;	}
ul.reverse > li	{	float: right;	}


/* ul.text - 順不同リスト並列表示（テキスト用）
---------------------------------------- */
ul.text	{	display: -webkit-flex;	display: flex;	-webkit-flex-wrap: wrap;	flex-wrap: wrap;	list-style: none;	margin-left: -8px;	padding: 0;	}
ul.text > li	{	float: left;	margin-left: 8px;	overflow: hidden;	}
ul.text > li + li:before	{	content: "｜";	margin-right: 8px;	}


/* .tile - 順不同リスト並列表示（画像用）
---------------------------------------- */
ul.tile	{	list-style: none;	margin-left: -8px;	padding: 0;	text-align: center;	}
ul.tile > li	{	float: left;	overflow: hidden;	margin-left: 8px;	width: 120px;	}
ul.tile img	{	width: 100%;	}


/* .auto,	.full,	.large,	.middle,	.medium,	.small - サイズ調整
---------------------------------------- */
ul.auto > li,	li.auto,	p.auto img,	div.auto img,	img.auto	{	width: auto;	}
ul.full > li,	li.full,	p.full img,	div.full img,	img.full	{	width: 100%;	}
ul.large > li,	li.large,	p.large img,	div.large img,	img.large	{	width: 308px;	}
ul.middle > li,	li.middle,	p.middle img,	div.middle img,	img.middle,	ul.medium > li,	li.medium,	p.medium img,	div.medium img,	img.medium	{	width: 200px;	}
ul.small > li,	li.small,	p.small img,	div.small img,	img.small	{	width: 146px;	}