@charset "utf-8";


/*PC・タブレット・スマホ共通設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*固定ヘッダー
---------------------------------------------------------------------------*/

.headerfix {
  display: table;
  width: 100%;
  position: fixed;
  z-index: 3;
  left: 0;
  top: 0;
  background: #fff;
}

.h-inner {
  width: 980px; 
  margin: 0 auto;
}

.header a {
  text-decoration: none;
}
.logo,
.btn-L,
.btn-R {
  display: table-cell;
  vertical-align: middle;
}

.btn-L {
  width: 280px;
  align: right;
}
.logo {
  width: 400px;
  align: left;
}
.btn-R {
  width: 300px;
  align: right;
}



/*画面幅800px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:800px){

/*全体の設定
---------------------------------------------------------------------------*/
/*トップページの設定*/
body#top {

}


/*ヘッダー（サイトロゴが入った最上段のブロック）
---------------------------------------------------------------------------*/
/*サイト幅にしたheader内のブロック*/
.header {
  display: table;
  width: 100%;
  position: fixed;
  z-index: 3;
  left: 0;
  top: 0;
  background: #fff;
}

.h-inner {
  width: 100%; 
  margin: 0 auto;
}

.btn-L {
  width: 250px;
  align: right;
}
.logo {
  width: 200px;
}
.btn-R {
  width: 250px;
  align: right;
}


/*画面幅480px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:480px){

/*全体の設定

---------------------------------------------------------------------------*/
/*トップページの設定*/
body#top {
	font-size: 14px;	/*文字サイズ*/
	line-height: 1.4;		/*行間*/
}

.header {
  display: table;
  width: 100%;
  position: fixed;
  z-index: 3;
  left: 0;
  top: 0;
  background: #fff;
}

.h-inner {
  width: 100%; 
  margin: 0 auto;
}

.btn-L {
  width: 150px;
  align: right;
}
.logo {
  width: 130px;
}
.btn-R {
  width: 110px;
  align: right;
}