@charset "utf-8";

/* reset
----------------------------------------------------------------------*/
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
	　　display:block;
}
body, ul, li, ol, dl, dt, dd, p, form, div, h1, h2, h3, h4, h5, h6, figure {
	margin: 0; padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
img { border: 0;vertical-align: bottom;}
ul, ol { list-style: none; }
iframe { vertical-align: bottom; }

/* hover
----------------------------------------------------------------------*/
a { text-decoration: none; }
a:hover { text-decoration: underline; }

/* clearfix
----------------------------------------------------------------------*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1px; }
.clearfix { display: block; }
/* End hide from IE-mac */


/* structure
----------------------------------------------------------------------*/
html { height: 100%; }
body {
	font-size: 10px;
 >font-size: 62.5%;
	color: #333;

	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	width: 100%;
	height: 100%;
	line-height: 1.6;
}





/* 共通
----------------------------------------------------------------------*/
.left { float: left; }
.right { float: right; }
.center { text-align: center; }

.mt0 { margin-top: 0!important; }
.mt5 { margin-top: 5px!important; }
.mt10 { margin-top: 10px!important; }
.mt15 { margin-top: 15px!important; }
.mt20 { margin-top: 20px!important; }
.mt25 { margin-top: 25px!important; }
.mt30 { margin-top: 30px!important; }
.mt40 { margin-top: 40px!important; }
.mt50 { margin-top: 50px!important; }
.mt60 { margin-top: 60px!important; }
.mt70 { margin-top: 70px!important; }
.mt80 { margin-top: 80px!important; }
.mt90 { margin-top: 90px!important; }
.mt100 { margin-top: 100px!important; }

.mb0 { margin-bottom: 0!important; }
.mb5 { margin-bottom: 5px!important; }
.mb10 { margin-bottom: 10px!important; }
.mb15 { margin-bottom: 15px!important; }
.mb20 { margin-bottom: 20px!important; }
.mb25 { margin-bottom: 25px!important; }
.mb30 { margin-bottom: 30px!important; }
.mb40 { margin-bottom: 40px!important; }
.mb50 { margin-bottom: 50px!important; }
.mb60 { margin-bottom: 60px!important; }
.mb70 { margin-bottom: 70px!important; }
.mb80 { margin-bottom: 80px!important; }
.mb90 { margin-bottom: 90px!important; }
.mb100 { margin-bottom: 100px!important; }

.pd0 { padding: 0!important; }
.pd5 { padding: 5px!important; }
.pd10 { padding: 10px!important; }
.pd15 { padding: 15px!important; }
.pd20 { padding: 20px!important; }
.pd25 { padding: 25px!important; }
.pd30 { padding: 30px!important; }


.pcOnly {display: block;}
.spOnly {display: none;}