@charset "UTF-8";

/*==========================================
ベースのCSSの設定
============================================*/
/*ベースの要素の設定をリセット*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,p,blockquote,th,td,figure,figcaption {
margin:0;
padding:0;
}

/*画像の枠線をクリアして位置の初期値の設定*/
img{
border:0;
vertical-align: top;
}

/*リンク時の枠の点線をなしにする*/
a{
outline: none;
}

/*リスト要素の初期値をリセット*/
ul,ol{
list-style: none;
}

/*フロート解除用のハック*/
/*clearfixの設定*/
.clearfix:after{  
visibility:hidden;/*見えなくする*/ 
height:0;/*見えなくする*/
display: block;/*block要素にする*/
font-size: 0;  
content: " ";  
clear: both;  

}  
* html .clearfix             { zoom: 1; } /* IE6 */  
*:first-child+html .clearfix { zoom: 1; } /* IE7 */



/*==========================================
共通
============================================*/
body{
	font-size: 90%;
	font-family: YakuHanJPs,"游ゴシック","Yu Gothic",YuGothic,Hiragino Sans,"Meiryo",Hiragino Kaku Gothic ProN,sans-serif;
	line-height:1.8;
	color:#222;
	background:#FFF;
}

/*リンクの装飾の設定*/
a:link,
a:visited,
a:active{
	color:#222;
	text-decoration:none;
}

a:hover{
color:#222;
	text-decoration:underline;
}

/* 改行の位置 */

/* パソコンで見たとき */
  .br-pc{
    display: block; }/* PCを改行して */
  .br-tb{
    display: none; }/* SPの改行を隠す */
  .br-sp{
    display: none; }/* SPの改行を隠す */
  
/* タブレットで見たとき */
@media only screen and (max-width: 959px){
  .br-pc{
    display: none; }/* PCの改行を隠して */
	.br-tb{
    display: block; }/* tbを改行する */
  .br-sp{
    display: none; }/* SPの改行を隠す */
}

/* スマートフォンで見たとき */
@media only screen and (max-width: 559px){
  .br-pc{
    display: none; }/* PCの改行を隠して */
	.br-tb{
    display: none; }/* tbの改行を隠して */
  .br-sp{
    display: block; }/* SPを改行する */
}