@charset "utf-8";

/* common.css　INDEX 共通設定*/

html {
	-webkit-text-size-adjust: 100%;
	font-size: 62.5%;
}

* { 
  box-sizing: border-box;
}

img {
  max-width: 100%;
  height: auto;
  border: 0;
}

a:hover img {
	opacity:1.0;
}



/* 1.固定
----------------------------------------------------------------------------- */

body {
	margin: 0 auto ;
	padding: 0;
	color: #000;
	font-size: 1.6em;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align :center ;
	background: #FFF;
}


/* 2.リンク設定
----------------------------------------------------------------------------- */

a:link ,
a:visited {
	color :#000 ;
	text-decoration :none ;
}
a:hover {
	color :#000 ;
	text-decoration :none ;
}


/* 3.Ｈ_タグ
----------------------------------------------------------------------------- */

h2 , h3 , h4 , h5 {
	clear :both ;
	text-align :left ;
}



.for_sp {
	display: none;
}
.pc_br {
	display: inline !important;
}
.tb_br {
	display: inline !important;
}
.sp_br {
	display: none !important;
}
.ssp_br {
	display: none !important;
}


	@media only screen and (max-width: 767px) { 
		.for_sp {
			display: block;
		}
		.for_pc {
			display: none;
		}
		.pc_br {
			display: none !important;
		}
		.sp_br {
			display: block !important;
		}

}/* Media Queries END */

@media only screen and (max-width: 320px) { 
	.ssp_br {
		display: block !important;
	}
}/* Media Queries END */