@charset "UTF-8";

/* --------------------------------------------------------------

	filename:	def.css
	created:	17.10.26
	
/*--------------------------------------------------------------- */


/*----------------------------------------------------------------*/	
/* サイト全体の基本情報の設定 */
/*----------------------------------------------------------------*/
html {
	font-size: 62.5%; /* 10px */
}

body {
	font-size:10px; /* 16px × 0.625 = 10px */
	font-size:1.0rem; /* 16px × 0.625 = 10px */
    font-family:'Noto Sans JP','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;      
    line-height:1.6;
    color:#444;
    background:#fff;
	margin:0;
	padding:0;	
}
/*----------------------------------------------------------------*/	
/* 文字サイズの設定 */
/*----------------------------------------------------------------*/
h3,
h4,
h5,
h6 {
	font-size: 18px;
	font-size: 1.8rem;
	font-weight:600;
}

p,li,dt,dd,td,th,address,small {
	font-size: 12px;
	font-size: 1.25rem;
}
small  {
	font-size: 10px;
	font-size: 1rem;
}

address,caption,cite,code,dfn,em,th,var {
	font-style:normal;
	font-weight:normal;
}

/*----------------------------------------------------------------*/
/* 画像位置の初期値の設定 */
/*----------------------------------------------------------------*/
img{
    vertical-align:top;
    line-hegiht:0;
}
/*----------------------------------------------------------------*/
/* リンクの装飾の設定 */
/*----------------------------------------------------------------*/
a:link,
a:visited,
a:active {
    text-decoration:none;
}

a:hover {
    text-decoration:underline;
}

/*----------------------------------------------------------------*/
/* ベースの要素の設定をリセット */
/*----------------------------------------------------------------*/
p,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6 {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    vertical-align:baseline;
    background:transparent;
}

/*----------------------------------------------------------------*/
/* リスト要素の初期値をリセット */
/*----------------------------------------------------------------*/
ol,ul {
	list-style:none;
}
	
li {
    list-style-type:none;
}	
	
caption,th {
	text-align:left;
}
	
q:before,q:after {
	content:'';
}
	
abbr,acronym { 
    border:0;
}

/*----------------------------------------------------------------*/
/* HTML5　新要素 */
/*----------------------------------------------------------------*/
article,aside,canvas,details,figcaption,figure,
header,footer,main,menu,nav,section,summary {
  display: block;
}
	
/*----------------------------------------------------------------*/
/* 強制的にclearするセレクタ */
/*----------------------------------------------------------------*/
/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}
 
.cf:after {
    clear:both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}

/* EOF */