@charset "UTF-8";
/* ===================================================================
CSS information

 file name  : access.css
 author     : Ability Consultant
 style info : コピー
=================================================================== */
/* line 10, ../scss/grape.scss */
* {
  margin: 0px;
  padding: 0px; }

/* line 14, ../scss/grape.scss */
img {
  vertical-align: top;
  border: none; }

/* ===================================================================
CSS information

 file name  :common.css
 author     :Ability Consultant
 style info :基本・共通設定　ハックは最下部に記述
=================================================================== */
/*----------------------------------------------------
	基本設定、リンクカラーなど
----------------------------------------------------*/
/* line 29, ../scss/grape.scss */
body {
  background-color: #FFFFCC;
  font-family: Verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
  line-height: 1.5;
  width: 100%; }

/* -----------------------------------------------------------
	con_title
----------------------------------------------------------- */

.con_title {
  overflow: hidden;
  margin-top:60px;
  text-align: center;
  width: 100%;
   }
  .con_title p.photo {
    width: 100%; }
    .con_title p.photo img {
      width: 100%; }
  .con_title .box_txt {
    font-size: 100%;
    width: 78%;
    margin: 3% auto 0.6em auto;
    background: url(../grape/images/bg_line_intro.png) left bottom repeat-x; }
    .con_title .box_txt h3 {
      width: 47.6%;
      margin: 0 auto;
      padding-bottom: 0.8em; }
    .con_title .box_txt p.txt {
      width: 83.4%;
      margin: 0 auto;
      padding-bottom: 0.8em; }

/*----------------------------------------------------
	#contents
----------------------------------------------------*/
#contents {
  width: 100%;
  margin: 0; }

#contents .pagetop {
  clear: both;
  text-align: right; }

.con_access{
  padding: 0 2%;
  margin-top:3%;
}

.con_access .start{
  background: #f9edff;
  border: 1px solid #b28ac7;  
    font-size: 100%;
    padding: 3% 0;
    text-align: center;
    cursor: pointer;
  }

.con_access .start i{
  float: right;
  padding-right: 5%;
  padding-top: 1.5%;
}

.con_access ul{
  color: #673920; 
}

.con_access ul li.route{
  font-size: 100%;
  padding: 3%;
}

.con_access ul li.route .fa-long-arrow-down{
  padding-right: 20px;
}

.con_access ul li.point{
  background-color: #e6e4e7;
  font-size: 100%;
  padding: 3% 0;
  text-align: center;
}

.con_access ul li.goal{
  margin-bottom: 50px;
}

.con_access ul li.goal img{
  width: 100%;
}

/*.con_access dl{
  overflow: hidden;
  margin-bottom: 10%;
  color:#673920;
}
.con_access dl dt{
  text-align: center;
  padding: 3% 0;
  background: #e6e4e7;
  font-size: 100%;
}
.con_access dl dt.top_title{
  background: #f9edff;
  border: 1px solid #b28ac7;

}
.con_access dl dt.top_title .fa-plus-square{
  float: right;
  padding-right: 5%;
  padding-top: 1.5%;
}
.con_access dl dd{
  padding: 3%;
  font-size: 100%;
}
.con_access dl dd .fa-long-arrow-down{
  padding-right: 20px;
}
.con_access dl .dest{
  width: 100%;
}
.con_access dl .dest img{
  width: 100%;
}
.con_access dl dt.top{
  margin-top:3%;
}*/
.parking .box_parking{
  text-align: center;
    font-size: 100%;
    width: 78%;
    margin: 0 auto 0.6em auto;
    background: url(../grape/images/bg_line_intro.png) left bottom repeat-x;
}
.parking .box_parking .img{
  margin-bottom: 3%;
  width: 55.46%;
  margin: 0 auto;
}
.parking .box_parking .img img{
  width: 100%;
}
.parking .txt{
  padding: 0 2%;
  color:#673920;
  font-size: 100%;
}
.parking .box_parking .st{
  padding-bottom: 4%;
  margin-top:3%;
}
#googlemap{
  padding: 0 4%;
  font-size: 100%;
}