@charset "UTF-8";
/*
#slideR {
    z-index: 99;
  cursor: pointer;
  position: fixed;
  top: 40%;
  right: -140px;
  background: #0DCEA8;
  width: 180px;
  color: #fff;
  font-size: 16px;
}
*/
#account_panel {
  position: fixed;
  z-index: 21;
  top: 50px;
  right: 0;
  /* 開いてないときは画面外に配置 */
  width: 220px;
  width: 320px;
  width: 320px;
  padding: 10px 10px;
  color: #fff;
  color: #333;
  color: #000;
  background-color: #57585c;
  /**/
  background-color: #efefef;
  background-color: #e4e4e4;
  /**/
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1); }

#account_panel .ac_info {
  margin: 20px 0; }

#account_panel .ac_info li {
  margin-bottom: 10px;
  margin-left: 10px;
  list-style: none; }

#account_panel .ac_navi {
  margin: 20px 0; }

#account_panel .ac_navi li {
  margin-bottom: 10px;
  margin-left: 10px;
  list-style: none; }

#account_panel .ac_navi li a {
  font-size: 80%;
  display: block;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  color: #333;
  color: #fff;
  background-color: #fbe300;
  background-color: #464b4f; }

#account_panel .sub_navi {
  margin: 20px 0; }

#account_panel .sub_navi li {
  float: left;
  width: 150px;
  margin-bottom: 10px;
  margin-left: 10px;
  list-style: none; }

#account_panel .sub_navi li.w_100 {
  width: 310px; }

#account_panel .sub_navi li a {
  font-size: 80%;
  display: block;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  color: #fff;
  color: #333;
  color: #fff;
  background-color: #a6a6a0;
  background-color: #a8a8a8; }

#account_panel .sub_navi_2 {
  margin: 20px 0; }

#account_panel .sub_navi_2 li {
  float: left;
  width: 150px;
  margin-bottom: 10px;
  margin-left: 10px;
  list-style: none;
  text-align: center; }

#account_panel .btn_homePosition2 {
  margin-left: 10px; }

#account_panel .btn_homePosition2 a {
  font-size: 80%;
  display: block;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  color: #fff;
  color: #fff;
  background-color: #a6a6a0; }

#account_panel .btn_logout2 {
  margin: 10px;
  margin-top: 20px;
  text-align: center; }

#account_panel .btn_logout2 a {
  /*
          display: block;
          padding: 10px;
          text-align: center;
          border: solid 4px #FFBA00;
          font-size: 80%;
          color: #333;
        */ }

/*
#hidden_panel_trigger_area{
  position: absolute;
  bottom: 0;
  clear: both;
text-align: center;
a{}

}




#hidden_panel_trigger_area{
  text-align: center;
  margin-top: 20px;
  //margin-bottom: -42px;
  margin-bottom: -39px;
  margin-bottom: -43px;
  width: 100%;
  text-align: center;
  //background-color: $e_panel_bg;
clear: both;

}

    #hidden_panel_trigger{
        display: block;
        //background-color: #000;
        //background: url(../img/arrow_top_01w.svg) no-repeat 50% 20%;
        //background: url(../img/arrow_top_01w.svg) no-repeat 5% 50%;
        background: url(../img/arrow_top_01w.png) no-repeat 5% 50%;
        padding-left: 24px;
        margin: 0 auto;
        color: #fff;
        //border: solid 4px $e_panel_bg;
        //color:　$e_panel_bg;
        //background-color: transparent;
        background-color: #EDFF00;
        color: #000;
        background-color: #000;
        color: #fff;

        text-decoration: none;
        line-height: 40px;
        height: 40px;
        vertical-align: middle;
        padding: 2px 0em;
        cursor: pointer;
        width: 12em;

//        position: relative;
//        z-index: 10;
//        z-index: $zindex_hidden_panel_trigger;

    }

*/
/*
header{
  background-color: #f0f;
    background-color: #262626;
  color: #fff;
  //height: 60px;
  height: $header_height;
  width: 100%;
  margin: 0;
  position: absolute;
  z-index: $zindex_edit_panel;
  left: 0;
  top: 0;
  top: 0px;
  z-index: $zindex_edit_header;
}
*/
header#main_head {
  z-index: 30;
  width: 100%;
  height: 50px;
  margin: 0;
  color: #fff;
  background-color: #262626; }

header#main_head {
  position: fixed;
  top: 0; }

#main_head {
  /*
nav{
  background: #f00;
    height: $header_height;
    line-height: $header_height;
    position: relative;
  z-index: $zindex_header_panel_trigger;
}
*/
  /*
  #g_navi{
    position: absolute;
    right: $width_map_generator + 100;
    width: 100%;
    line-height: $header_height;

  //+ nest START
  //+ ------------------------------
      li{
        float: right;
        margin-left: 30px;
      }

      a{
        color: #fff;
        text-decoration: none;
      }

  //+ ------------------------------
  //+ nest END

  }// END #g_navi
*/ }

#main_head .logo {
  font-size: 22px;
  position: absolute;
  top: 13px;
  left: 13px;
  color: #333;
  color: #fff; }

#main_head #g_navi {
  line-height: 50px;
  position: absolute;
  right: 610px;
  float: right; }

#main_head #g_navi li {
  float: right;
  margin-left: 30px; }

#main_head #g_navi a {
  text-decoration: none;
  color: #fff; }

#main_head .header_navi {
  float: left; }

#map_generator {
  font-size: 90%;
  position: absolute;
  z-index: 30;
  top: 8px;
  right: 70px; }

#map_generator li {
  line-height: 32px;
  display: inline-block;
  height: 32px;
  margin-left: 10px;
  padding: 0 1em;
  border: solid 1px #fff;
  background-color: #262626; }

#map_generator a {
  text-decoration: none;
  color: #fff;
  color: #fff; }

#account_trriger {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px; }

#account_trriger a {
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
  color: #fff;
  background: #f00;
  background: url(../img/parts/icon_account_50.png) no-repeat #f7ca18;
  background: url(../img/parts/icon_account_50.png) no-repeat #ec644b;
  background: url(../img/parts/icon_account_50.png) no-repeat #ffba00;
  background: url(../img/parts/icon_account_50.png) no-repeat #888; }

body {
  font-family: 'Noto Sans Japanese', sans-serif;
  font-family: 'Open Sans', 'Hiragino Kaku Gothic ProN', Meiryo, Helvetica, Arial, sans-serif; }

.clearfix:after {
  font-size: 0;
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: '.'; }

.clearfix {
  display: inline-block; }

/* Hides from IE Mac \*/
* html .clearfix {
  height: 1%; }

.clearfix {
  display: block; }

/* End Hack */
#main_area {
  display: block;
  margin-bottom: 50px;
  padding: 50px 0;
  padding-top: 100px; }

#contents {
  width: 80%;
  margin: 0 auto; }

#contents h1 {
  font-size: 140%; }

#contents li {
  list-style: none; }

a {
  outline: none; }

.normal {
  font-weight: normal; }

.clear {
  clear: both; }

.red {
  color: #f00; }

.marker {
  padding: .5em; }

.marker_yellow_01 {
  background-color: #ff0; }

#err,
.err {
  margin: 10px 0;
  padding: 10px;
  color: #f00;
  background-color: #fef; }

#eventResult,
.eventResult {
  margin: 10px 0;
  padding: 10px;
  color: #66f;
  background-color: #e0e0ff; }

.btn_regist {
  line-height: 140%;
  line-height: 30px;
  display: block;
  width: 200px;
  height: 30px;
  margin: auto;
  text-decoration: none;
  color: #000;
  background-color: #fc3; }

#main_head h1 a {
  text-decoration: none;
  color: #fff; }

/* ================================================== */
/* オーバーレイ・ドロワーメニュー */
/* ================================================== */
/* サイドオープン時にメインコンテンツを覆う部分 */
.overlay {
  content: '';
  visibility: hidden;
  position: fixed;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: transparent;
  transition: all .5s ease;
  z-index: 11; }

.side-open .overlay {
  visibility: visible;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.7); }

/* ================================================== */
/* ローディングアクション */
/* ================================================== */
#loading {
  position: absolute;
  left: 50%;
  top: 45%; }

#loader-bg {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #FFF;
  z-index: 1;
  z-index: 1001; }