*{
  margin: 0px;
  padding: 0px;
}
html {
  overflow-y: scroll;
  overflow-x: hidden;
}
body{
  font-size: 13px;
}
li{
  list-style-type: none;
}

.ui-link{
  word-break: break-all;
}
.ui-body-c .ui-link{
  font-weight: normal;
}
/**
 * =================================== 
 * layout
 *
 */

#main, #header{
  position: fixed;
}
#header.ui-header .ui-title{
  font-size: 10px;
  margin: 0.1em 0px;
}
#header .ui-header .ui-btn-inner{
  font-size: 10px;
}
#footer .ui-navbar li .ui-btn .ui-btn-inner {
  padding-bottom: 0.1em;
}
#footer .ui-navbar li .ui-btn-icon-top .ui-btn-inner {
  padding-top: 28px;
}
#footer{
  z-index: 1010; 
  /* panelが1001 */
  /* .ui-popup-screen 1099 */
  /* .ui-popup-container 1100 */
}
.ui-content#main{
  padding: 0px;
}

/**
 * =================================== 
 * course
 *
 */

.js-course-point{
  padding: 10px;
  background: #FFF;
  font-size: 15px;
  border-bottom: 1px solid #EEE;
}
.js-course-point:hover{
  background: #EEE;
}
.js-template{
  display: none;
}
.js-course .js-image{
  max-height: 50px;
  max-width: 50px;
  margin-bottom: -5px;
}
.js-course-container .js-course .js-name{
  font-size: 13px;
  min-height: 30px;
}
.js-course-container .ui-btn-inner {
  padding: 0px;
}
.js-course h3 a{
  padding: 1em 15px; /* imgがないなら */
}
.js-selected {
  background: #DDD;
}

.js-course-detail .js-image{
  float: left;
  margin-right: 10px;
  max-height: 16px;
  max-width: 16px;
  position: relative;
/*  left: 10px;
  top: .9em;*/
}
.js-course-detail .ui-link{
  padding-left: 10px;
  color: black;
  font-weight: normal;
  text-decoration: none;
}
.js-course-detail .ui-link:hover{
  color: black;
}
.js-course-detail p.js-type{
  margin: 0px;
  padding: 0px;
}
.js-course-detail li{
}

/**
 * =================================== 
 * search-result
 *
 */
.search-result li{
  /*        font-size: 14px;
          padding: 5px;*/
}

.search-result .ui-li .ui-btn-inner a.ui-link-inherit {
  padding-left: 30px;
}

.sr-notfound{
  padding: 10px;
  text-align: center;
}
.sr-link .sr-info, .sr-distance{
  font-weight: normal;
}
.ui-content .sr-container{
  margin: 0 0 0 1em;  
}
/**
 * =================================== 
 * compass
 *
 */
.compass-container{
  position: absolute;
  width: 120px;
  height: 240px;
  padding-left: 120px;
}
.compass-fan{
  position: absolute;
  font-size: 0px;
  width: 120px;
  height: 120px;
  z-index: 1;
  background: -webkit-gradient(linear, left bottom, right top, from(rgba(0, 64, 128, 0.8)),
        color-stop(0.5, rgba(0, 128, 200, 0)),
        to(rgba(0, 128, 200, 0)));
}
.compass-circle{
	width: 20px;
	height: 20px;
	background: rgba(0, 128, 200, 0.8);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
  position: absolute;
  top: 110px;
  left: 110px;
}
.mode-aerial .compass-fan{
  background: -webkit-gradient(linear, left bottom, right top, from(rgba(128, 128, 0, 0.8)),
        color-stop(0.5, rgba(255, 255, 0, 0)),
        to(rgba(255, 255, 0, 0)));
}
.mode-aerial .compass-circle{
	background: rgba(255, 255, 0, 0.8);
}

/**
 * =================================== 
 * info-window
 *
 */
.info-window{
  min-height: 3em;
  min-width: 15em;
  cursor: pointer;
  text-align: center;
}
.info-window th{
  background-color: #EEE;
  width: 4em;
}
.info-window th, .info-window td{
  padding: 3px;
}
.iw-courses .ui-icon{
  /* 何故か必要 */
  z-index: 1;
}
.iw-courses .js-name{
  font-size: 12px;
}
.iw-courses .js-image{
  max-height: 50px;
  max-width: 50px;
  /*margin-bottom: -5px;*/
}
.iw-courses .ui-li .ui-btn-inner a.ui-link-inherit{
  padding: .5em 15px;
}
.iw-courses .ui-li-has-thumb .ui-btn-inner a.ui-link-inherit{
  min-height: 35px;
  padding-left: 55px;
}
.iw-courses-heading{
  margin: 1.5em 0 0 0.5em;  
}
.iw-image{
  max-height: 100px;
}
.iw-sv{
  margin: 0px;
  padding: 0px;
  min-height: 100px;
}

#page-place table{
  width: 100%;
}
#page-place th, #page-place td{
  background-color: #FFF;
  padding: 5px;
}
#page-place th{
  background-color: #F5F5F5;
  text-align: left;
  width: 4em;
}
#page-place .iw-type-icon{
  vertical-align: bottom;
  margin-right: 5px;
}

.info-window .ui-btn{
  margin: 0 0.3em 0.3em;
}
/**
 * =================================== 
 * search-count
 *
 */
.number-of-places{
  font-size: 18px;
  padding: 5px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  border: 1px solid rgba(245, 245, 255, 0.9);
  background-color: rgba(245, 245, 255, 0.9);
  color: #46A;
  text-align: center;
  margin-right: 5px;
}
.search-count-circle {
  float: right;
  border-radius: 1em;
  border: 1px solid #CCC;
  background: #EEE;
  font-size: 11px;
  color: #222;
  text-shadow: 0 1px 0 #fff;
  background-image: linear-gradient(#fff,#f1f1f1);
  padding: .2em .4em;
  margin-top: 2px;
  margin-left: 10px;
  position: relative;
  top: -2px;
  min-width: 1.5em;
  text-align: center;
}

/**
 * =================================== 
 * pages
 *
 */
.panel-content.pages h3{
  font-size: 14px;
}
.panel-content.pages p{
  margin: 1em;
}
.panel-content.pages p.notice{
  margin: 2em 1em;
}
.panel-content.pages ul{
  margin: 1em 12px;
}
.popup-dialog{
  text-align: center;
  max-width: 480px;
}
.popup-dialog-content{
  height: 300px;
  overflow: scroll;
  text-align: left;
  -webkit-overflow-scrolling: touch;
}
.popup-dialog-content p{
  margin: 1em 12px;
  text-indent: 1em;
}

.page-env h2{
  margin-left: 12px;
}

#page-search .category-label .ui-icon{
  display: none;
}
#page-search .category-label .ui-btn-inner{
  padding-left: 10px;
}
.info-version{
  text-align: right;
}

#page-search .ui-fullsize .ui-btn-inner {
  font-size: 14px;
  padding: .2em 10px;
}


/**
 * =================================== 
 * popup
 *
 */

/* Cleaner, but slightly less support: use "50%" as value */
@media screen and (max-height: 600px) {
  .popup-content{
    max-height: 480px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }
}

@media screen and (max-height: 480px) {
  .popup-content{
    max-height: 320px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }
}

/**
 * =================================== 
 * panel
 *
 */
.ui-panel .ui-content{
  padding: 5px;
}

.ui-panel{
  background-color: #EFEFEF;
  width: 22em;
}
.ui-panel-inner{
  padding: 0px;
}
.ui-panel-inner .ui-header>.ui-btn {
  margin: 3px;
}
.panel-content{
  margin: 0px;
  height: 400px;
  overflow-y: scroll;
  overflow-x: hidden;
  /*position: fixed;*/
  width: 21em; /* .ui-panel:width - 1 */
  padding: 3px;
  -webkit-overflow-scrolling: touch;
}
.ui-panel-animate.ui-panel-content-fixed-toolbar-position-left.ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-reveal, 
.ui-panel-animate.ui-panel-content-fixed-toolbar-position-left.ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-push, 
.ui-panel-animate.ui-panel-content-wrap-position-left.ui-panel-content-wrap-open.ui-panel-content-wrap-display-reveal,
.ui-panel-animate.ui-panel-content-wrap-position-left.ui-panel-content-wrap-open.ui-panel-content-wrap-display-push {
  -webkit-transform: translate3d(20em,0,0);
  -moz-transform: translate3d(20em,0,0);
  transform: translate3d(20em,0,0);
}

@media (min-width:40em) {
  /* ------------------------------------
   * 幅を変更
   */
  .ui-panel{
    width: 30em;
  }
  .panel-content{
    width: 29em; /* .ui-panel:width - 1 */
  }
  .ui-panel-animate.ui-panel-content-fixed-toolbar-position-left.ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-reveal, 
  .ui-panel-animate.ui-panel-content-fixed-toolbar-position-left.ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-push, 
  .ui-panel-animate.ui-panel-content-wrap-position-left.ui-panel-content-wrap-open.ui-panel-content-wrap-display-reveal,
  .ui-panel-animate.ui-panel-content-wrap-position-left.ui-panel-content-wrap-open.ui-panel-content-wrap-display-push {
  -webkit-transform: translate3d(30em,0,0);
  -moz-transform: translate3d(30em,0,0);
  transform: translate3d(30em,0,0);
  }
 
  /* 以下レスポンシブ設定だが、幅変更に対応しきれてない */
  /* wrap on wide viewports once open */
  .ui-page-panel-open .ui-panel-content-fixed-toolbar-display-push.ui-panel-content-fixed-toolbar-position-left,
  .ui-page-panel-open .ui-panel-content-fixed-toolbar-display-reveal.ui-panel-content-fixed-toolbar-position-left,
  .ui-page-panel-open .ui-panel-content-wrap-display-push.ui-panel-content-wrap-position-left,
  .ui-page-panel-open .ui-panel-content-wrap-display-reveal.ui-panel-content-wrap-position-left {
    margin-right: 17em;
  }  
  .ui-page-panel-open .ui-panel-animate.ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-push.ui-panel-content-fixed-toolbar-position-right,
  .ui-page-panel-open .ui-panel-animate.ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-reveal.ui-panel-content-fixed-toolbar-position-right,
  .ui-page-panel-open .ui-panel-animate.ui-panel-content-fixed-toolbar-open.ui-panel-content-wrap-display-push.ui-panel-content-wrap-position-right,
  .ui-page-panel-open .ui-panel-animate.ui-panel-content-fixed-toolbar-open.ui-panel-content-wrap-display-reveal.ui-panel-content-wrap-position-right {
    margin-left: 17em;
  }
  .ui-page-panel-open .ui-panel-content-fixed-toolbar-display-push,
  .ui-page-panel-open .ui-panel-content-fixed-toolbar-display-reveal {
    width: auto;	
  }
 
  /* disable "dismiss" on wide viewports */
  .ui-panel-dismiss {
    display: none;
  }
  /* same as the above but for panels with display mode "push" only */
  .ui-panel-dismiss-display-push {
    display: none;
  }
  
  /* ------------------------------------
   * ヘッダー文字サイズ
   */
  #header.ui-header .ui-title {
    font-size: 13px;
  }
}



.ui-btn.js-tooltip-trigger{
  border: 0;
  padding: 0;
  margin: 0;
  background: none;
  float: right;
}
.ui-btn.js-tooltip-trigger .ui-btn-inner{
  border: 0;
  padding: 0;
  margin: 0;
  background: none;
}
.js-tooltip-trigger .ui-icon{
  background-color: #387bbe !important;
}
.ui-checkbox .ui-mini.ui-btn-icon-left .ui-btn.js-tooltip-trigger .ui-btn-inner{
  padding-left: 20px;
}
.js-tooltip-display{
  /*max-width: 24em;*/
  width: 20em;
  margin-left: -32em;
  font-size: 16px;
}
.ui-select .ui-btn select{
  font-size:16px;
}

.ui-controlgroup img{
  vertical-align: bottom;
}

.location-bar{
  background-color: #EEE;
  color: black;
  text-align: center;
  font-weight: normal;
  font-size: 12.5px;
  text-shadow: none;
  width: 100%;
}
.location-bar-address{
  display: inline-block;
}
.location-bar-elevation{
  display: inline-block;
}