@charset "UTF-8";

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

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

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;
}
	
/*----------------------------------------------------------------*/
/* 強制的に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 */	