@charset "utf-8";

/* --------------------------------------------------------------------------------------
 　リセット
--------------------------------------------------------------------------------------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,caption,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	padding: 0;
	margin: 0;
}

body {
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","HGS明朝E", "ＭＳ Ｐ明朝", serif;
	font-size: 18px;
	color: #0d0d0d;
	text-align: center;
	-webkit-text-size-adjust: 100%; /* フォントサイズ自動調整 */
}

div,p,blockquote,li,dt,dd,pre,form,textarea,select,button,input,td,th,address,h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
}

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

input,textarea,button,select,pre { font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","ＭＳ Ｐゴシック","MS PGothic",sans-serif; }

*:first-child + html body,
*:first-child + html input,
*:first-child + html button,
*:first-child + html select,
*:first-child + html pre { font-family: "メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif; }

th,td { 
	vertical-align: top;
	text-align: left;
}

a {
	overflow: hidden;
	text-decoration: none;
}

img,iframe { border: none; }

img { vertical-align: bottom; }

table {
	font-size: 100%;
	border-collapse: collapse;
}

ol,ul,nav,menu { list-style: none; }

input { vertical-align: middle; }

p,li,th,td,dt,dd,h1,h3,h4 { letter-spacing: 1px; }

/* --------------------------------------------------------------------------------------
   リンクカラー
--------------------------------------------------------------------------------------- */

a:link { color: #a10700; }
a:visited { color: #a10700; }
a:active { color: #a10700; }
a:hover { color: #a10700; text-decoration: underline; }

/* --------------------------------------------------------------------------------------
  clearfix
--------------------------------------------------------------------------------------- */

.clearfix:after {
	content:"";
	display:block;
	clear:both;
}

.clearfix { display:inline-block; }

/*\*/
* html .clearfix { height:1%; }

.clearfix { display:block; }

/* --------------------------------------------------------------------------------------
  スマホ用
--------------------------------------------------------------------------------------- */

@media (max-width: 1024px) and (min-width: 767px) {
	body { font-size: 16px; }
}

@media(max-width: 766px){
	
	body { font-size: 15px; }
	
	a {
		display: block;
		overflow: hidden;
	}
	
	img { 
		display: block;
		max-width: 100%;
		height: auto;
	}
	
	input { vertical-align: middle; }
}