@charset "shift-jis";

/*==================================================================================================================

【システム名】保養所予約システム
【ファイル名】header.css(/css/header.css)
【  機能名  】ヘッダー項目用スタイルシート
【   概要   】
【  作成日  】2022-07-08
【  作成者  】DynaX

==================================================================================================================*/
/*---------------------------------------------------
 画面レイアウト
---------------------------------------------------*/

.header_title {
  font-size: 28px;
}
/* ヘッダー */
.header_title_middle {
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
  margin-top:5;
  margin-left:0;
  text-align:right;
}

/*---------------------------------------------------
 リンク
---------------------------------------------------*/


/* リンク */
.link_header {
    /*  padding: 5px;*/
    padding: 0px;
    display: block;
    text-decoration: none;
    text-align: center;
    white-space: nowrap;
    height: 48px;
    width: 138px;
    background-repeat: no-repeat;
}

/* リンク（画像リンク、ヘッダメニュー、先着予約） */
a.linkbutton_menu_normalreserve_orange {
  /*  padding: 5px;*/
  padding: 0px;
  display: block;
  text-decoration: none;
  text-align: center;
  white-space: nowrap;
  height: 48px;
  width: 138px;
  background-repeat: no-repeat;
  background-image: url(../img/header_button_normalreserve_orange.png);
}

a.linkbutton_menu_normalreserve {
  /*  padding: 5px;*/
  padding: 0px;
  display: block;
  text-decoration: none;
  text-align: center;
  white-space: nowrap;
  height: 48px;
  width: 138px;
  background-repeat: no-repeat;
  background-image: url(../img/header_button_normalreserve_blue.png);
}

    /* リンク（画像リンク、ヘッダメニュー、空室状況） */
a.linkbutton_menu_vacant_orange {
  /*  padding: 5px;*/
  padding: 0px;
  display: block;
  text-decoration: none;
  text-align: center;
  white-space: nowrap;
  height: 48px;
  width: 138px;
  background-repeat: no-repeat;
  background-image: url(../img/header_button_vacant_orange.png);
}

a.linkbutton_menu_vacant {
  /*  padding: 5px;*/
  padding: 0px;
  display: block;
  text-decoration: none;
  text-align: center;
  white-space: nowrap;
  height: 48px;
  width: 138px;
  background-repeat: no-repeat;
  background-image: url(../img/header_button_vacant_blue.png);
}

/* リンク（画像リンク、ヘッダメニュー、承認） */
a.linkbutton_menu_approve_orange {
  /*  padding: 5px;*/
  padding: 0px;
  display: block;
  text-decoration: none;
  text-align: center;
  white-space: nowrap;
  height: 48px;
  width: 138px;
  background-repeat: no-repeat;
  background-image: url(../img/header_button_approve_orange.png);
}

a.linkbutton_menu_approve {
  /*  padding: 5px;*/
  padding: 0px;
  display: block;
  text-decoration: none;
  text-align: center;
  white-space: nowrap;
  height: 48px;
  width: 138px;
  background-repeat: no-repeat;
  background-image: url(../img/header_button_approve_blue.png);
}


/*------------------------------------------------------------
ここからスマホ用
-------------------------------------------------------------*/

@media screen and (max-width:768px){

.header_title {
  font-size: 22px;
  padding : auto;
  margin-bottom: 0px;
}
.header_title_middle {
  font-size: 10px;
}
table td img {
  width: 30%;
  height: auto;
}
}