@charset "UTF-8";
/* ===================================================================
CSS information file name  : access.css author     : Ability Consultant style info : アクセス
=================================================================== */
.con_intro { overflow: hidden; *zoom: 1; padding-top: 2em; margin-bottom: 2em; border-bottom: none; }
@media only screen and (max-width: 767px) { .con_intro { padding-top: 0; } }
.con_intro iframe { width: 100%; height: 550px; border: 0; }
@media only screen and (max-width: 767px) { .con_intro iframe { height: 230px; } }
@media only screen and (max-width: 767px) { .con_intro h3 { font-size: 93%; margin-bottom: 1em; } }
.con_intro h3 .jp { font-family: "Gilda Display", serif; }
.con_intro .container { text-align: left; padding: 1em 0; overflow: hidden; position: relative; }
.con_intro .container .left { overflow: hidden; float: left; width: 50%; }
@media only screen and (max-width: 767px) { .con_intro .container .left { width: 100%; float: none; text-align: center; } }
.con_intro .container .left .add { line-height: 1.6; }
.con_intro .container .left .add .txt_tel { font-size: 129%; }
.con_intro .container .btn { float: right; width: 25%; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_intro .container .btn { width: 36%; } }
@media only screen and (max-width: 767px) { .con_intro .container .btn { float: none; width: 80%; margin: 2em auto 2em; } }
.con_intro .container .btn a { max-width: 300px; padding: 1em 2em; display: block; }
@media only screen and (max-width: 767px) { .con_intro .container .btn a { max-width: 100%; } }

.con_access { overflow: hidden; *zoom: 1; padding: 4em 0; border-top: 1px solid #ebebeb; }
.con_access.last { padding-bottom: 0; }
.con_access .box_access { overflow: hidden; *zoom: 1; margin-bottom: 3em; }
@media only screen and (max-width: 767px) { .con_access .box_access { margin-bottom: 1em; } }
.con_access .box_access h4 { background: #f5f2ee; font-size: 129%; color: #615b54; padding: 0.3em 1em; font-weight: normal; margin-bottom: 2em; overflow: hidden; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_access .box_access h4 { font-size: 129%; } }
@media only screen and (max-width: 767px) { .con_access .box_access h4 { font-size: 115%; } }
@media only screen and (max-width: 767px) { .con_access .box_access h4 { padding: 0.6em 1em; } }
@media only screen and (max-width: 767px) { .con_access .box_access h4 { margin-bottom: 1em; } }
.con_access .box_access h4 i { margin-right: .5em; }
.con_access .box_access h4 span { float: right; display: inline-block; }
.con_access .box_access_sp h5 { background: #f5f2ee; font-size: 108%; padding: .6em 1em; position: relative; font-weight: normal; margin-bottom: 1em; }
@media only screen and (max-width: 767px) { .con_access .box_access_sp h5 { margin-bottom: 1em; } }
.con_access .box_access_sp h5 i.fa { vertical-align: baseline; display: inline-block; }
.con_access .box_access_sp h5:before, .con_access .box_access_sp h5:after { font-family: FontAwesome; }
.con_access .box_access_sp h5 > * { vertical-align: middle; }
.con_access .box_access_sp h5:after { content: ""; margin-left: .5em; position: absolute; right: 1em; top: 50%; -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); }
.con_access .box_access_sp h5.active:before, .con_access .box_access_sp h5.active:after { font-family: FontAwesome; }
.con_access .box_access_sp h5.active > * { vertical-align: middle; }
.con_access .box_access_sp h5.active:after { content: ""; margin-left: .5em; }
.con_access .box_access_sp .box_inner { display: none; }
.con_access .box_access_sp .tbl_access { width: 100%; margin-bottom: 1em; }
@media only screen and (max-width: 767px) { .con_access .box_access_sp .tbl_access { width: 99%; } }
.con_access .box_access_sp .tbl_access th, .con_access .box_access_sp .tbl_access td { padding: 1em; }
.con_access .box_access_sp .tbl_access th { background: #77512c; color: #FFF; }
.con_access .box_access_sp .tbl_access .step { position: relative; }
.con_access .box_access_sp .tbl_access .step:before { content: ""; position: absolute; left: 5%; height: 100%; width: 2px; top: 0; background: #ded2c2; }
.con_access .box_access_sp .tbl_access .step span { display: block; margin-left: 6%; }
.con_access .box_access_sp .tbl_access .st_top { background: #FFF; border: 1px solid #ded2c2; }
.con_access .box_access_sp .tbl_access .end { background: #615b54; color: #FFF; text-align: center; }
.con_access .con_listguide { width: 100%; }
.con_access .con_listguide .box_listguide { margin: 2em 2em 0 0; }
@media only screen and (max-width: 767px) { .con_access .con_listguide .box_listguide { margin: 1em 0; } }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_access .con_listguide .box_listguide { margin-right: 0; } }
.con_access .con_listguide .box_listguide h5 { margin-right: 1em; }
.con_access .txt_nav { line-height: 2.5; margin: 2em 0; }
@media only screen and (max-width: 767px) { .con_access .txt_nav { line-height: 2; } }
@media only screen and (max-width: 767px) { .con_access .txt_nav { margin: 1em 0; } }

.con_sightseeing { background: #f5f2ee; overflow: hidden; *zoom: 1; padding: 3em 0; }
.con_sightseeing .st_tmp01 .jp { font-family: "Gilda Display", serif; }
.con_sightseeing .tab_style1 .tabs { margin-bottom: 2em; }
.con_sightseeing .tab_style1 .tabs ul { text-align: center; }
.con_sightseeing .tab_style1 .tabs ul li { display: inline-block; width: 20%; margin: 0 .3em; color: #403c38; border: 1px solid #cbc7c1; -moz-border-radius: 5em; -webkit-border-radius: 5em; border-radius: 5em; text-align: center; cursor: pointer; padding: .5em 0; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_sightseeing .tab_style1 .tabs ul li { width: 20%; } }
@media only screen and (max-width: 767px) { .con_sightseeing .tab_style1 .tabs ul li { width: 100%; } }
@media only screen and (max-width: 767px) { .con_sightseeing .tab_style1 .tabs ul li { margin-bottom: .5em; } }
.con_sightseeing .tab_style1 .tabs ul li:not(.active):hover { opacity: 0.7; }
.con_sightseeing .tab_style1 .tabs ul li.active { position: relative; cursor: default; background: #FFF; border-color: #FFF; }
.con_sightseeing .tab_style1 .panels .panel { display: none; width: 100%; margin: 0 auto; }
.con_sightseeing .tab_style1 .panels .panel.active { display: block; }
.con_sightseeing .list_sighseeing { overflow: hidden; *zoom: 1; letter-spacing: -.4em; }
.con_sightseeing .list_sighseeing li { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; vertical-align: top; letter-spacing: normal; padding-bottom: 3em; }
@media only screen and (min-width: 768px) { .con_sightseeing .list_sighseeing li { width: 30.16667%; margin-left: 4.75%; }
  .con_sightseeing .list_sighseeing li:nth-child(3n+1) { margin-left: 0; } }
@media print { .con_sightseeing .list_sighseeing li { width: 30.16667%; margin-left: 4.75%; }
  .con_sightseeing .list_sighseeing li:nth-child(3n+1) { margin-left: 0; } }
.ie8 .con_sightseeing .list_sighseeing li { width: 30.16667%; margin-left: 4.75%; }
.ie8 .con_sightseeing .list_sighseeing li:nth-child(3n+1) { margin-left: 0; }
@media only screen and (max-width: 767px) { .con_sightseeing .list_sighseeing li { float: none; overflow: hidden; *zoom: 1; } }
.con_sightseeing .list_sighseeing li .box_img img { width: 100%; }
.con_sightseeing .list_sighseeing li h4 { font-size: 115%; text-align: center; margin: 1em 0; font-weight: normal; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_sightseeing .list_sighseeing li h4 { font-size: 108%; } }
@media only screen and (max-width: 767px) { .con_sightseeing .list_sighseeing li h4 { font-size: 108%; } }
.con_sightseeing .list_sighseeing li .price { padding: 1em 0; border-top: 1px dashed #d0d0d0; border-bottom: 1px dashed #d0d0d0; margin: 1em 0; }
.con_sightseeing .list_sighseeing li .btn_group a { width: 48%; float: left; padding: .5em 0; border: 1px solid #d0d0d0; background: none; }
.con_sightseeing .list_sighseeing li .btn_group a:last-child { float: right; margin-right: 0; }