@charset "UTF-8";
/* Small devices (tablets, 768px and up) */
/* Medium devices (desktops, 992px and up) */
/* Large devices (large desktops, 1200px and up) */
/* PCレイアウト */
/* フォント　英語フォント */
/* Global Mixins for CSS3 prefix */
/* Clearfix */
/* Opacity */
/* Hover animation */
/* シンプル茶色ボタン */
/* 茶色ボタン */
/* ドットライン付け茶色ボタン */
/* 白色ボタン */
/* サブ見出し・シングルタイプ */
/* サブ見出し・シングルタイプ */
/* サブ見出し・英語表記付き */
/* ===================================================================
CSS information

 file name  :copy.css
 author     :Ability Consultant
style info  :タイトル
=================================================================== */
/*----------------------------------------------------
	.gnav	アクティブ状態
----------------------------------------------------*/
#access #side .gnav li.gnav_acc a {
  background: #776d5d;
  color: #fff;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -o-transition: all .4s ease;
}
#access #side .gnav li.gnav_acc a span {
  color: #fff;
  border-bottom: 1px solid #776d5d;
}

/* .con_mainimg 	メイン画像タイトル
----------------------------------------------------------- */
.con_mainimg {
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
  .con_mainimg {
    margin-bottom: inherit;
  }
}

/*----------------------------------------------------
	.con_map　	アクセスのご案内
----------------------------------------------------*/
.con_map {
  margin-bottom: 50px;
  max-width: 980px;
}
.con_map:before, .con_map:after {
  content: '';
  display: table;
  clear: both;
}
@media only screen and (min-width: 768px) {
  .con_map {
    padding: 0 15px;
  }
}
@media only screen and (min-width: 992px) {
  .con_map {
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0;
  }
}
.con_map h3 {
  margin: -2px 0 20px 0;
  padding-top: 20px;
  color: #3c3c3c;
  font-size: 120%;
  text-align: center;
  font-weight: normal;
  background: url(../images/common/ic_arrow.png) center 0 no-repeat;
  position: relative;
}
.con_map h3 span {
  margin: 0 5px;
  font-size: 75%;
}
.con_map iframe {
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
  .con_map iframe {
    height: 350px;
  }
}
.con_map .att {
  margin-bottom: 15px;
  padding: 0 15px;
}
@media only screen and (min-width: 768px) {
  .con_map .att {
    float: left;
  }
}
.con_map .btn {
  margin: 0 auto;
  width: 60%;
  border: 1px dotted #bdbdbd;
}
.con_map .btn a {
  padding: 0.8em;
  color: #fff;
  background: #554934;
  display: block;
  text-decoration: none;
  text-align: center;
  font-size: 110%;
  border: 1px solid #fff;
  -moz-box-shadow: inset 0px 0px 2px #655a47;
  -webkit-box-shadow: inset 0px 0px 2px #655a47;
  box-shadow: inset 0px 0px 2px #655a47;
}
@media only screen and (min-width: 768px) {
  .con_map .btn a {
    padding: 0.4em 0.8em;
  }
}
.con_map .btn a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -o-transition: all .4s ease;
}
@media only screen and (min-width: 768px) {
  .con_map .btn {
    margin: -10px 15px 0 auto;
    max-width: 170px;
    position: relative;
  }
}
.con_map .box_hotel {
  margin: 0 15px;
  padding-top: 20px;
}
.con_map .box_hotel:before, .con_map .box_hotel:after {
  content: '';
  display: table;
  clear: both;
}
.con_map .box_hotel .photo {
  margin-right: 2%;
  width: 35%;
  float: left;
}
.con_map .box_hotel .txt {
  width: 60%;
  float: left;
}
.con_map .box_hotel .txt span {
  padding-bottom: 5px;
  display: block;
}
@media only screen and (min-width: 768px) {
  .con_map .box_hotel .txt .tel_ev {
    text-decoration: none;
  }
}

/*----------------------------------------------------
	.con_detmap　	アクセスのご案内
----------------------------------------------------*/
.con_detmap {
  margin-bottom: 60px;
  padding: 0 15px;
  max-width: 980px;
  position: relative;
  border-top: 1px solid #e3e3e3;
}
.con_detmap:before, .con_detmap:after {
  content: '';
  display: table;
  clear: both;
}
.con_detmap h3 {
  margin: -2px 0 20px 0;
  padding-top: 20px;
  color: #3c3c3c;
  font-size: 120%;
  text-align: center;
  font-weight: normal;
  background: url(../images/common/ic_arrow.png) center 0 no-repeat;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .con_detmap {
    margin-left: 15px;
    margin-right: 15px;
  }
}
@media only screen and (min-width: 992px) {
  .con_detmap {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
@media only screen and (min-width: 768px) {
  .con_detmap .map01, .con_detmap .map02 {
    width: 45%;
    float: right;
  }
}
@media only screen and (min-width: 768px) {
  .con_detmap .map01 {
    padding-left: 40px;
    background: url(../access/images/bg_horzline.png) center center repeat-x;
  }
}
.con_detmap .map02 {
  padding-top: 40px;
  background: url(../access/images/bg_vertline.png) center 0 repeat-y;
}
@media only screen and (min-width: 768px) {
  .con_detmap .map02 {
    background: none;
  }
}

/*----------------------------------------------------
	.con_guide　	アクセスのご案内
----------------------------------------------------*/
.con_guide {
  margin-bottom: 50px;
  padding: 0 15px;
  max-width: 980px;
  position: relative;
  border-top: 1px solid #e3e3e3;
}
.con_guide:before, .con_guide:after {
  content: '';
  display: table;
  clear: both;
}
@media only screen and (min-width: 768px) {
  .con_guide {
    margin-left: 15px;
    margin-right: 15px;
  }
}
@media only screen and (min-width: 992px) {
  .con_guide {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
.con_guide h3 {
  margin-bottom: 30px;
  margin: -2px 0 20px 0;
  padding-top: 20px;
  color: #3c3c3c;
  font-size: 120%;
  text-align: center;
  font-weight: normal;
  background: url(../images/common/ic_arrow.png) center 0 no-repeat;
  position: relative;
}
.con_guide h3 i {
  padding: 7px 7px;
  background: #554934;
  color: #fff;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  font-size: 85%;
}
.con_guide .map {
  margin-bottom: 30px;
  text-align: center;
}
.con_guide ul li {
  margin-bottom: 5px;
}
@media only screen and (min-width: 768px) {
  .con_guide ul li a {
    text-decoration: none;
  }
}
.con_guide.bybus i {
  padding: 7px 9px;
}

/*----------------------------------------------------
	.con_bus　	アクセスのご案内
----------------------------------------------------*/
.con_bus {
  margin: 0 15px 50px 15px;
  position: relative;
  border-top: 1px solid #e3e3e3;
}
.con_bus h3 {
  margin: -2px 0 20px 0;
  padding-top: 20px;
  color: #3c3c3c;
  font-size: 120%;
  text-align: center;
  font-weight: normal;
  background: url(../images/common/ic_arrow.png) center 0 no-repeat;
  position: relative;
}
.con_bus h3 span {
  margin: 0 5px;
  font-size: 75%;
}
.con_bus .txt {
  margin-bottom: 10px;
}
.con_bus .txt_date {
  margin-bottom: 20px;
  color: #c88d0f;
  font-weight: bold;
  text-align: center;
}
.con_bus ul li {
  margin-bottom: 15px;
}
.con_bus ul li .fa-file-pdf-o {
  vertical-align: middle;
  color: #a80000;
}