@charset "utf-8";
/*デフォルトのマージンと余白を削除*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;					/* マージン削除 */
	padding: 0;					/* 余白削除 */
	border: 0;					/* 枠線削除 */
	font-style:normal;			/* フォントスタイル */
	font-weight: normal;		/* フォント太さ */
	font-size: 100%;			/* フォントサイズ */
	vertical-align: baseline;	/* 行のベースライン */
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;				/* ブロック要素 */
}
/* オーバーフロー */
html{
    overflow-y: scroll;			/* スクロール */
}
/* リスト */
ol, ul{
    list-style:none;			/* リストマーク */
}
/* テーブル */
table{
    border-collapse: collapse; 	/* セルのボーダーを重ねる */
    border-spacing:0;			/* ボーダーの間隔 */
}



/* 画像 */
img{
	border:0;					/* 枠線をなくす*/
	display: block ;			/* 画像をブロック要素に */
	margin-bottom: 40px;		/* マージンボトム */

}
/* フォントデザインを決める */
body,td,th {
	font-family: ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, Osaka, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
	color: #333;
}
p {
	font-size: 18px ;		/* 段落フォントサイズ */
	margin: 3px 0px 3px 0px ;
}
/* ボディ */
body {
	background-color: #FFF;		/* 背景色 */
	padding: 10px;				/* 余白 */
}






/* h1 */
h1 {
	font-size: 24px;			/* フォントサイズ */
	margin: 5px 0px 10px 5px ;			/* 余白 */
	padding-left: 5px ;			/* 余白 */
	border-left: #980239 solid 8px;
}

/* h2 */
h2 {
	font-size: 24px;			/* フォントサイズ */
	margin: 30px 0px 10px 5px ;			/* 余白 */
	padding-left: 5px ;			/* 余白 */
	border-bottom: #249802 solid 2px;
	border-left: #249802 solid 8px;
}
/* h3 */
h3 {
	font-size: 20px;			/* フォントサイズ */
	margin: 10px 0px 10px 5px ;			/* 余白 */
	color: #E46F2A;
}

/* h4 */
h4 {
	font-size: small;			/* フォントサイズ */
}

/* フロート解除 */
.float_clear {
	clear: both;					/* 両方クリア */
}




/* ====================スマホに適用するCSS==================== */
@media screen and (max-width:767px)
{

/* h1 */
h1 {
	font-size: 28px;				/* フォントサイズ */
	padding-left:10px;				/* 余白 */
}
	

/* メイン */
#main {
	float: none ;					/* floatを無効する */
	width: auto ;					/* 横幅をautoに指定？100％では？ */
	padding: 0 10px ;				/* 余白 */
}
	/* 段落 */
h2 {
	font-size: 28px;			/* 段落フォントサイズ */	
	line-height: 140%;	/* 行間 */
	}
h3 {
	font-size: 24px;			/* 段落フォントサイズ */	
	line-height: 140%;	/* 行間 */
	}
/* 段落 */
p {
	font-size: 22px;			/* 段落フォントサイズ */	
	line-height: 140%;	/* 行間 */
	}


/* 画像 */
img {
	width:100%;						/* 幅100％ */
	height:auto;					/* 高さオート */
}
/* 動画 */	
video {
  	width:100%;						/* 幅100％ */
	height:auto;					/* 高さオート */
}
}