@charset "UTF-8";

/*all共通　基本レイアウト*/
/***********************************************************
/*スライドインの指定*/
.drawer--right.drawer-open .drawer-hamburger {
  right:0 !important; 
}
.drawer-menu-item {
  padding: 5% !important;
}

.drawer-hamburger{
  position: absolute !important;
}

.pankuzu {font-size: 11px !important;}
.pankuzu a{font-size: 11px !important;}

/*#####################################################################
 * 
 * ●style.css 画面の横幅が1000px以上
 * 
 #####################################################################*/
@media print,screen and (min-width: 850px) {
/***********************************************************
* レイアウト個別設定*/

#header{
  width: 850px;
  margin: 10px auto;
  height: 65px;
}

#header .main_logo{
  float: left;
  width: 250px;
}

#header.gmenu_pc{
  clear: both;
}

#header .gnavi_box{
  float:right;
  width: 580px;
}

ul.nav_demo{
  display: table;
  table-layout: fixed;
  width: 580px;
  /*height: 60px;*/
}
ul.nav_demo li{
  display: table-cell;
  border-right: 2px #fff solid;
  text-align: center;
  font-size: 12px !important;
  /*font-weight: bold;*/
}
ul.nav_demo li a{
  display: block;
  width: 100%;
  height: 100%;
  padding: 20px 0;
  font-size: 12px !important;
}
ul.nav_demo li:first-child{
  border-left: 2px #fff solid;
}
ul.nav_demo li a:link{color: #555}

/*通常表示用*/
.g_navi01{
  background: url("/client/wp-content/uploads/img/header/g_bk01.png");
}
.g_navi02{
  background: url("/client/wp-content/uploads/img/header/g_bk02_03.png");
}
.g_navi03{
  background: url("/client/wp-content/uploads/img/header/g_bk02_03.png");
}
.g_navi04{
  background: url("/client/wp-content/uploads/img/header/g_bk04.png");
}
.g_navi05{
  background: url("/client/wp-content/uploads/img/header/g_bk05.png");
}

/*ホバー用*/
.g_navi01 a:hover{
  background: url("/client/wp-content/uploads/img/header/c_g01.png");
}
.g_navi02 a:hover{
  background: url("/client/wp-content/uploads/img/header/c_g02.png");
}
.g_navi03 a:hover{
  background: url("/client/wp-content/uploads/img/header/c_g03.png");
}
.g_navi04 a:hover{
  background: url("/client/wp-content/uploads/img/header/c_g04.png");
}
.g_navi05 a:hover{
  background: url("/client/wp-content/uploads/img/header/c_g05.png");
}

ul.nav_demo li a:visited{color: #555}
ul.nav_demo li a:active{color: #555}
.current{
  border-bottom: 3px #ffa9b8 solid;
}
.demo_list{
  width: 660px;
  margin: 0 auto;
}
.demo_list li{
  width: 200px;
  height: 150px;
  margin-right: 20px;
  margin-bottom: 20px;
  float: left;
  background: #333;
}

/*リンク個所用*/
.current1{
    background: url("/client/wp-content/uploads/img/header/c_g01.png");
}
.current2{
    background: url("/client/wp-content/uploads/img/header/c_g02.png");
}
.current3{
    background: url("/client/wp-content/uploads/img/header/c_g03.png");
}
.current4{
    background: url("/client/wp-content/uploads/img/header/c_g04.png");
}
.current5{
    background: url("/client/wp-content/uploads/img/header/c_g05.png");
}


.pankuzu{
  width: 840px;
  margin: auto;
  border-top: solid 1px #ddd;
  padding: 10px 0;
}

 
}
/*#####################################################################
 
●style.css 画面の横幅が1000px以下

 #####################################################################*/
@media screen and (max-width: 849px) {
  /***********************************************************
   * レイアウト個別設定 */

   #header .gmenu_pc{
    /*position: fixed;
    background: #fff;
    height: 9%;
    width: 100%;
    z-index: 3;*/
  }

  .tebiki_logo{
    width: 200px;
  }
  .main_logo h1{
    padding:1px 3px;
  }
  .main_logo img{
    margin-left: 2px;
  }

  .pankuzu{
    /*width: 100%;*/
    margin: 10px auto 0;
    border-top: solid 1px #ddd;
    padding: 10px 5px;
    font-size: 12px;
  }
  
}



/*#####################################################################
 
●style.css 画面の横幅が481以上767以下

 #####################################################################*/
@media screen and (max-width: 767px)  {
/* 480px - 767px用（タブレット／スマートフォン用）の記述 */
 
}


@media screen and (max-width: 610px)  {
/* 480px - 767px用（タブレット／スマートフォン用）の記述 */
 
  #header .gmenu_pc{
    /*height: 9%;*/
  }


}


/*#####################################################################
 
●style.css 画面の横幅が480以下

 #####################################################################*/

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

}


/*●style.css 画面の横幅が320px以下*/

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

}