@charset "utf-8";
/* CSS Document */

/* メディアクエリー関係
------------------------------------------------------------ */
body{-webkit-text-size-adjust:100%;}

html { font-size: 100%;}
/* 旧ipad */
@media screen and (min-device-width:320px){html { font-size: 90%;}}
@media screen and (min-device-width:360px){html { font-size: 95%;}}
@media screen and (min-device-width:375px){html { font-size: 95%;}}
@media screen and (min-device-width:600px){html { font-size: 100%;}}


/* reset
------------------------------------------------------------ */
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

body {
	font: 100%/1.4 "メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic",  Osaka, sans-serif;
	background: #fff;
	margin: 0;
	padding: 0;
	color: #000;
}

header, section, footer, aside, nav, article, figure {display: block;}
a img {	border: none;}
a:link { color:#36C; text-decoration: underline;}
a:visited {	color:#36F;	text-decoration: underline;}
a:hover, a:active, a:focus { text-decoration: none;}
img{vertical-align:bottom;}

html, body, div, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	color:#333;
}

li,
dt,
dd,
td,
th,
p{line-height:1.2em;}
p{margin:0.2em 0 0.4em 0;}

ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';	content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}

img{margin:0; padding:0;}
img{width:100%; height:auto;}

input[type="text"]{ width:100%; border:#CCC solid 1px; padding:0.5em;}


/* clearfix
------------------------------------------------------------ */
.clearfix:after {
	content: ".";
	display:block;
	height:0;
	clear: both;
	visibility: hidden;}
.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */