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

section [id*='a'],
section [id*='b'],
section [id*='c'],
section [id*='d'],
section [id*='e'],
section [id*='f'],
section [id*='g'],
section [id*='h'] {
  margin-top: -80px;
  padding-top: 80px; }

.btn_detail a {
  position: relative; }

.detail_box {
  color: #365C0A;
  margin-bottom: 30px; }
  .detail_box .pic_list {
    width: 130px;
    float: left; }
    .detail_box .pic_list li {
      margin-bottom: 10px; }
  .detail_box dl {
    font-size: 13px;
    font-size: 1.3rem;
    margin: 1em 0; }
    .detail_box dl dt {
      font-weight: bold;
      padding: 5px;
      background: rgba(54, 92, 10, 0.8);
      color: #FFF;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      border-radius: 3px;
      margin-bottom: 5px; }
    .detail_box dl dd {
      margin-bottom: 10px;
      padding-bottom: 5px; }
      .detail_box dl dd span {
        display: block;
        font-weight: bold; }
  .detail_box .detail_body {
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: 1px dotted rgba(255, 255, 255, 0.8); }
    .detail_box .detail_body h3 {
      padding-bottom: .5em;
      font-size: 16px;
      font-size: 1.6rem; }
    .detail_box .detail_body.last {
      margin-bottom: 0;
      padding-bottom: 0;
      border-bottom: none; }
    .detail_box .detail_body.float {
      padding-left: 130px; }
    .detail_box .detail_body p {
      text-align: justify;
      margin-top: 0;
      font-size: 13px;
      font-size: 1.3rem;
      min-height: 65px; }
    .detail_box .detail_body.noimg {
      padding-left: 0; }
    .detail_box .detail_body h4 {
      margin-top: .5em;
      margin-bottom: 3px;
      border-bottom: 1px solid rgba(120, 196, 36, 0.8);
      line-height: 16px;
      vertical-align: top; }
      .detail_box .detail_body h4:before {
        content: url("../image/sightseeing/mpoint3.png");
        margin-right: .5em; }
    .detail_box .detail_body .inner {
      background: rgba(255, 255, 255, 0.5);
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      border-radius: 3px;
      margin: .5em 0;
      padding: .3em .7em; }
      .detail_box .detail_body .inner p {
        min-height: inherit; }
  .detail_box .icn_title {
    position: relative;
    padding-left: 2.5em;
    margin-bottom: 5px; }
    .detail_box .icn_title span {
      position: absolute;
      top: -15px;
      left: -10px; }
  .detail_box.clr_a {
    color: #FFF; }
    .detail_box.clr_a .btn_detail a {
      background: #FFF;
      color: #F5A628; }
  .detail_box.clr_b {
    color: #FFF; }
    .detail_box.clr_b .btn_detail a {
      background: #FFF;
      color: #F35F5E; }
  .detail_box.clr_c {
    color: #FFF; }
    .detail_box.clr_c .btn_detail a {
      background: #FFF;
      color: #1FBDDE; }
  .detail_box.clr_d {
    color: #FFF; }
    .detail_box.clr_d .btn_detail a {
      background: #FFF;
      color: #8C87BB; }
  .detail_box.clr_e {
    color: #FFF; }
    .detail_box.clr_e .btn_detail a {
      background: #FFF;
      color: #5C9A14; }
  .detail_box.clr_f {
    color: #FFF; }
    .detail_box.clr_f .btn_detail a {
      background: #FFF;
      color: #7F705D; }
  .detail_box.clr_g {
    color: #FFF; }
    .detail_box.clr_g .btn_detail a {
      background: #FFF;
      color: #959595; }
  .detail_box.clr_h {
    color: #FFF; }
    .detail_box.clr_h .btn_detail a {
      background: #FFF;
      color: #5476B3; }