@charset "UTF-8";
/* @content */

#history2 .title_top{
  padding-top: 60px;
}
#history2 #current{
  margin-top:-100px;
  padding-top:100px;
}
#history2 #current .contents{
  padding-top: 40px;
}
#history2 #current .r_line{
  background-color: #D7CCCC;
  width: 100%;
  font-size: 24px;
  color: #595757;
  position: relative;
  z-index: -1;
}
#history2 #current .green{
  background-color: #D7E0D9;
}
#history2 #current .yellow{
  background-color: #E0E0CD;
}
#history2 #current .beige{
  background-color: #E0CFC4;
}
#history2 #current .green2{
  background-color: #D4E0C9;
}
#history2 #current .gray{
  background-color: #DEE0DE;
}
#history2 #current .position{
  position: relative;
  padding: 40px 0;
  z-index: 2;
}
#history2 #current .back_text{
  font-size: 18px;
  color: #fff;
  margin-top: 10px;
}
#history2 #current .more_text{
  padding: 40px 0 40px 0;
}
#history2 .text_wrapper{
  position: relative;
  margin-bottom: 45px;
}
#history2 .text{
  height: 140px;
  overflow: hidden;
}
#history2 .show_more{
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 30px;
  padding-top: 40px;
  text-align: center;
  line-height: 50px;
  /*background: linear-gradient(180deg, rgb(255, 255, 255,0) 0%, rgb(255, 255, 255,1) 70%);*/
  background: url(../images/history/tx_hide.png);
  cursor: pointer;
  transition: bottom 0.2s;
}
#history2 .show_more li{
  list-style: none;
  text-align: center;
  width: 100%;
  float: none;
  display: inline-block;
  padding: 20px 0;
}
#history2 .last li{
  text-align: center;
  float: none;
  display: block;
  margin: 0 auto;
  width: 100%;
}
#history2 .active{
  background: none;
  bottom: -30px;
}
#history2 h1{
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 10px;
}


/* ------------------------------------------
  pc1000pxSTYLE
--------------------------------------------- */
@media all and (min-width: 1000px) {
    /* @content */
  #history2 .access_info .left{
    width: 54%;
    border-right: 1px dotted #000;
    border-bottom: none;
    padding: 20px 20px 20px 0;
  }
  #history2 .access_info .right{
    width: 46%;
    padding: 20px 0 20px 20px;
  }
  #history2 #parking_map .left{
    width: 43%;
    text-align: left;
  }
  #history2 #parking_map .left p{
    text-align: left;
  }
  #history2 #parking_map .right{
    width: 55%;
    text-align: left;
    margin-top: 0;
  }
}

/* ------------------------------------------
  iPad768pxSTYLE
--------------------------------------------- */
@media all and (min-width: 768px) {

  #history2 #current .back_text{
    position: absolute;
    font-size: 40px;
    color: #fff;
    top: 10px;
    left: 150px;
    z-index: -1;
  }
  #history2 #current .left1{
    left: 125px;
    font-size: 35px;
  }
  #history2 #current .left2{
    left: 200px;
  }
  #history2 #current .left3{
    left: 230px;
  }
  #history2 .show_more li{
    width: 20%;
  }
  #history2 .last li{
    width: 30%;
  }
}