@charset "utf-8";

/* ===================================================================

CSS information

 file name	:access.css
 style info :交通案内ページ用CSS
 
=================================================================== */

.disp_sp{
  display: none;
}

@media only screen and (max-width: 767px) {
  .disp_sp{
    display: block;
  }

}

/*------------------------------------------------------------
  main_h2
------------------------------------------------------------*/
.main_h2 {
  background: url(/access/img/main_h2_tit_access.jpg) 50% 50% no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}


/*------------------------------------------------------------
  map_area
------------------------------------------------------------*/
#map_area {
  width: 100%;
  height: 400px;
}

.map_notes {
  background: #f0f0f0;
  padding: 10px;
  border-bottom: 1px solid #b2b2b2;
  text-align: right;
}

#access_map .btn_sub{
  text-align: center;
}

/*------------------------------------------------------------
  access_guide
------------------------------------------------------------*/
.white_box_tit .fa {
  padding: 20px 25px;
  color: #fff;
  background: #9acde7;
  font-size: 150%;
  margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .white_box_tit .fa {
    padding: 10px 15px;
    font-size: 120%;
    margin-bottom: 10px;
  }
}

#access_guide .access_line_wrap .access_line {
  width: 100%;
}

#access_guide .access_line_wrap .access_line td,
#access_guide .access_line_wrap .access_line th {
  text-align: center;
  padding: 20px;
  font-size: 119%;
}

#access_guide .access_line_wrap .access_line .station {
  border: 1px solid #b2b2b2;
  background: #f0f0f0;
}

#access_guide .access_line_wrap .access_line .left {
  text-align: right;
  width: 50%;
  border-right: 4px solid #b2b2b2;
  font-size: 100%;
}

#access_guide .access_line_wrap .access_line .right {
  text-align: left;
  width: 50%;
  font-size: 100%;
}

#access_guide .access_line_wrap .access_line .hotel {
  border: 1px solid #b2b2b2;
  background: #01487c;
  color: #fff;
}

/*------------------------------------------------------------
  guide_osaka
------------------------------------------------------------*/
.guide_photo {
  width: 189px;
  border: 1px solid #b2b2b2;
  border-right: none;
}

.guide_txt {
  background: #f0f0f0;
    padding: 0 20px;
    font-size: 88%;
    vertical-align: middle;
  border: 1px solid #b2b2b2;
  border-left: none;
}

.guide_line {
  width: 50%;
  height: 30px;
    border-left: 4px solid #e0e0e0;
}

.white_box {
  border-bottom: none;
}

@media only screen and (max-width: 767px) {
  .guide_line {
    width: 70%;
  }
  .line_c {
    width: 1%;
  }
}

p.msg {
  text-align: center;
  color: #e00;
  margin-bottom: 40px;
}