@charset "UTF-8";
/*! --------------------------------------------------------------- */
/*!	File Name	：course.scss										*/
/*!	Last Update	：2015/02/17											*/
/*! --------------------------------------------------------------- */
.detail {
  *zoom: 1; }
  .detail:after {
    content: "";
    display: table;
    clear: both; }

#place {
  display: none;
  position: absolute;
  right: 10px;
  bottom: 20px; }

#reload {
  display: none;
  position: absolute;
  right: 15px;
  bottom: 110px; }

.foot_nav {
  position: absolute;
  bottom: 0;
  background: #A1D451;
  width: 100%; }

.nav_btn {
  position: absolute;
  top: -45px;
  left: 50%;
  margin-left: -70.5px;
  width: 141px;
  height: 45px;
  background: url(../image/common/navi_open@2x.png) left bottom no-repeat;
  background-size: contain;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer; }
  .nav_btn.active {
    width: 141px;
    height: 45px;
    background: url(../image/common/navi_close@2x.png) left bottom no-repeat;
    background-size: contain; }

#button_nav {
  display: none;
  padding: 5px 0 0 0; }
  #button_nav ul {
    margin-bottom: 0; }
  #button_nav.visible {
    display: block; }

.container {
  padding-bottom: 0; }

.page_title {
  margin-bottom: 0;
  -moz-border-radius: 3px 3px 0 0;
  -webkit-border-radius: 3px;
  border-radius: 3px 3px 0 0; }

.btnSocialBox {
  margin-bottom: 1.5em;
  background: #C6E496;
  padding: .5em;
  -moz-border-radius: 0 0 3px 3px;
  -webkit-border-radius: 0;
  border-radius: 0 0 3px 3px; }

.title {
  padding: .3em 1em .3em .6em;
  margin-bottom: 1em;
  background: rgba(54, 92, 10, 0.8);
  color: #FFF;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px; }

h3 {
  font-size: 16px;
  font-size: 1.6rem; }

#route02 {
  padding-top: 60px; }

#map_canvas,
#route {
  background: #FFF; }

#route {
  overflow: scroll;
  z-index: 20; }

.adp-warnbox {
  display: none; }

body > #map_canvas {
  height: auto; }

body > #route {
  height: auto; }

.detail {
  padding-top: 5px;
  border-top: 1px solid #EEE;
  width: 320px; }
  .detail img {
    float: left;
    margin-right: 2%;
    width: 120px; }
  .detail figcaption {
    float: left;
    width: 180px;
    text-align: justify;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.4; }
    .detail figcaption span {
      display: block; }
    .detail figcaption img {
      width: inherit;
      margin: 5px 0; }

.btn_go_place a {
  display: block;
  margin-top: 5px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: .5em 0;
  width: 100%;
  background: #78C424;
  color: #FFF;
  text-align: center;
  text-decoration: none; }

aside .sub_title {
  padding-bottom: .5em;
  margin-bottom: .8em;
  border-bottom: 1px solid rgba(120, 196, 36, 0.8);
  line-height: 1.5; }
aside.inner {
  padding: .7em;
  margin-bottom: 1em;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: rgba(255, 255, 255, 0.4);
  overflow: hidden;
  *zoom: 1; }
  aside.inner#kamikumamoto {
    background: none;
    padding: 0;
    padding-top: 3em;
    margin-top: -2.5em;
    margin-bottom: 1em; }
    aside.inner#kamikumamoto .pad_inner {
      padding: .7em;
      margin-bottom: 1em;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      border-radius: 3px;
      background: rgba(255, 255, 255, 0.4);
      overflow: hidden;
      *zoom: 1; }
aside figure {
  float: left; }
aside p {
  margin-left: 64px;
  margin-top: -.2em; }
  aside p span {
    display: block;
    margin-top: .5em;
    padding-top: .5em;
    border-top: 1px dotted rgba(120, 196, 36, 0.8); }
    aside p span a {
      text-decoration: none;
      display: inline-block;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      border-radius: 3px;
      padding: .3em 1em; }

.pic_title_box {
  position: relative;
  margin-bottom: 30px;
  /*
  	.pic_title{
  		position: absolute;
  		top: 0;
  		left: -75px;
  	}
  */ }
  .pic_title_box .badge {
    position: absolute;
    top: .5em;
    left: 5px;
    padding-top: 10px; }
  .pic_title_box .right {
    margin: .5em 0 1em 85px;
    min-height: 80px; }
  .pic_title_box h5 {
    font-size: 14px;
    font-size: 1.4rem;
    padding-bottom: .5em; }
  .pic_title_box .inner {
    -moz-border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0;
    border-radius: 0 0 3px 3px;
    position: relative; }
  .pic_title_box p {
    margin-top: 0; }
  .pic_title_box .pic_title {
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px;
    border-radius: 3px 3px 0 0;
    font-size: 15px;
    font-size: 1.5rem; }
    .pic_title_box .pic_title a {
      color: #FFF;
      padding: .3em .5em;
      font-weight: bold;
      display: block;
      text-decoration: none; }
  .pic_title_box .course_detail {
    padding: .7em;
    margin-top: 1em;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: rgba(255, 255, 255, 0.5); }
    .pic_title_box .course_detail figure {
      text-align: center;
      margin-bottom: .7em;
      padding-bottom: .7em;
      border-bottom: 1px solid rgba(120, 196, 36, 0.8); }
    .pic_title_box .course_detail li {
      padding-bottom: .2em;
      margin-bottom: .2em;
      border-bottom: 1px dotted rgba(120, 196, 36, 0.8);
      text-indent: -1.2em;
      padding-left: 1.2em;
      line-height: 1.9; }
      .pic_title_box .course_detail li:before {
        content: '・';
        margin-right: .2em; }