@charset "utf-8";
/*===================================================================
	reset
===================================================================*/

/*default*/
html{ margin:0; padding:0; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; }

body, div, pre, p, blockquote, form, input, textarea, address { margin:0; padding:0; }
p { word-wrap: break-word; word-break: break-all; } /* For Japanese */

h1, h2, h3, h4, h5, h6 { margin:0; padding:0; }

/* list */
dl, dt, dd, ul, ol, li { margin:0; padding:0; }
ol, ul { list-style: none; }

/* table */
table { border-collapse:collapse; border-spacing:0; }
th, td { margin:0; padding:0; }

/* etc */
fieldset, img { margin:0; padding:0; border:0; vertical-align: top; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; }
caption, th { text-align:left; }


/*===================================================================
	font
===================================================================*/

/*fonts.css*/
html { font-size:13px; }

/*以降のコンテンツ内のフォントサイズは=============================
10px＝ 77%　　|　　16px＝124%　　|　　22px＝170%
11px＝ 85%　　|　　17px＝131%　　|　　23px＝177%
12px＝ 93%　　|　　18px＝139%　　|　　24px＝185%
13px＝100%　　|　　19px＝147%　　|　　25px＝193%
14px＝108%　　|　　20px＝154%　　|　　26px＝200%
15px＝116%　　|　　21px＝162%　　|　　
=================================================================*/

body { font-family:'Lucida Grande', Meiryo, sans-serif; line-height:1.3; color: #1e1e1e; }
select, input, textarea { font-family: inherit; font-size: 1em; }

h1, h2, h3, h4, h5, h6, form, textarea, blockquote, table, th, td { font-size: 100%; }
pre, code { font: 115% monospace; *font-size: 100%; }

p { line-height: 1.5; }
h1, h2, h3, h4, h5, h6, dt { font-weight: bold; }

a { color:#1e1e1e; text-decoration:none; }
a:hover { color:#8b3d56; text-decoration:underline; }


/*===================================================================
	clearfix
===================================================================*/

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

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


/* ------ clear ------ */
.clear{ clear:both; display: block; font-size:1px; line-height:0px; }
*html .clear{ height:0px; }


/*===================================================================
	SP view
===================================================================*/
@media (max-width: 640px) {
*, *:before, *:after { -webkit-box-sizing:border-box; box-sizing:border-box; }
img { width: 100%; max-width: 100%; height: auto; }
}/* @media */