@charset "utf-8";

/* Base */
html { font-family: "Meiryo", "MS PGothic", Arial, "Hiragino Kaku Gothic ProN", "Osaka", sans-serif;color:#333; font-size:10px;letter-spacing:0;}

/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, 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; }
legend {visibility:hidden; position:absolute; left:-5000px; font-size:0; line-height:0;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
table { border-collapse: collapse; border-spacing:0; }
ul,ol,li,dl,dt,dd { list-style: none; margin: 0; padding:0; }
img { vertical-align:top; border:0; font-size:0; line-height:0; max-width:100%; image-rendering: -webkit-optimize-contrast;}
textarea { overflow: auto; padding: 5px; }
input,select,button,label { vertical-align: middle; }
input { margin:0;}
button { margin: 0; padding: 0; border: 0; background: 0; cursor: pointer; }
address, i { font-style:normal}
a { text-decoration: none; color:#333; }
a:link,a:visited { text-decoration: none; }
a:hover,a:active,a:focus { text-decoration:none; }

/* ellipsis */
.ellipsis { text-overflow:ellipsis; overflow:hidden; white-space:nowrap; -moz-binding:url(/assets/css/ellipsis.xml#ellipsis); }
.clip { text-overflow:clip; overflow:hidden; white-space:nowrap; }

/* hidden style */
.invisible { position: absolute; left: -9999px; width: 0 !important; height: 0 !important; overflow :hidden; font-size: 0; line-height: 0; z-index: -1; }
.invisible_IR { position: absolute; left: -9999px; width: 0; height: 0; font-size: 0; line-height: 0; z-index: -1; }

@media all and (min-width:1025px) {								/* PC */
	body { font-size: 1.4rem; line-height:170%; }
}

@media all and (max-width:1024px){
	body { font-size: 1.4rem; line-height:150%; }
}