@charset "UTF-8";
/* ===================================================================
CSS information
 file name  : access.css author     : Ability Consultant style info : アクセス
=================================================================== */
.con_sightseeing .tab_style1:after { content: ""; display: table; clear: both; }

@-webkit-keyframes animationScrollDown { 0% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); }
  50% { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
  100% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transform: translate(0, 6px); -ms-transform: translate(0, 6px); -webkit-transform: translate(0, 6px); transform: translate(0, 6px); } }
@-moz-keyframes animationScrollDown { 0% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); }
  50% { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
  100% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transform: translate(0, 6px); -ms-transform: translate(0, 6px); -webkit-transform: translate(0, 6px); transform: translate(0, 6px); } }
@-ms-keyframes animationScrollDown { 0% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); }
  50% { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
  100% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transform: translate(0, 6px); -ms-transform: translate(0, 6px); -webkit-transform: translate(0, 6px); transform: translate(0, 6px); } }
@keyframes animationScrollDown { 0% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); }
  50% { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
  100% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transform: translate(0, 6px); -ms-transform: translate(0, 6px); -webkit-transform: translate(0, 6px); transform: translate(0, 6px); } }
@keyframes animHomeHeaderLine { 0% { background-position: 0 -5em; }
  50% { background-position: 0 0; }
  100% { background-position: 0 5em; } }
#header .con_header .box_right ul li .ddmenu ul li { border-bottom: 1px dotted #000; }
#header .con_header .box_right ul li .ddmenu ul li a { color: #000; }
#header .con_header .box_right ul li .ddmenu ul li a:before, #header .con_header .box_right ul li .ddmenu ul li a:after { background: #000 !important; }

.con_intro { overflow: hidden; *zoom: 1; padding-top: 2em; margin-bottom: 2em; }
@media only screen and (max-width: 767px) { .con_intro { padding-top: 0; } }
.con_intro iframe { width: 100%; height: 43rem; border: 0; }
@media only screen and (max-width: 767px) { .con_intro iframe { height: 18rem; } }
@media only screen and (max-width: 767px) { .con_intro h3 { font-size: 109%; margin-bottom: 1em; } }
.con_intro .container { text-align: left; padding: 1em 0; overflow: hidden; position: relative; }
.con_intro .container .img { float: left; width: 13.16667%; margin-right: 1em; }
@media only screen and (max-width: 767px) { .con_intro .container .img { display: none; width: 30%; }
  .con_intro .container .img img { width: 100%; } }
.con_intro .container .left { overflow: hidden; float: left; width: 50%; }
@media only screen and (max-width: 767px) { .con_intro .container .left { float: none; width: 100%; text-align: center; } }
.con_intro .container .left .add { font-size: 117%; line-height: 1.6; }
.con_intro .container .left .add .sst { font-size: 129%; margin-bottom: .2em; }
.con_intro .container .left .add .txt_tel { font-size: 150%; }
.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; }
@media only screen and (max-width: 767px) { .con_intro .container .btn a { max-width: 100%; } }

.con_access { overflow: hidden; *zoom: 1; padding: 4em 0; }
.con_access.last { padding-bottom: 0; }
.con_access h3 { text-align: center; font-size: 184%; letter-spacing: .5em; font-weight: normal; color: #615b54; margin-bottom: 2em; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_access h3 { font-size: 167%; } }
@media only screen and (max-width: 767px) { .con_access h3 { font-size: 126%; } }
.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; } }
@media only screen and (min-width: 1025px) and (max-width: 1200px) { .con_access .box_access { width: 95%; margin: auto; } }
@media print { .con_access .box_access { width: 95%; margin: auto; } }
.ie8 .con_access .box_access { width: 95%; margin: auto; }
.con_access .box_access h4 { background: #f5f2ee; letter-spacing: .5em; color: #615b54; font-weight: normal; overflow: hidden; padding: .3em 1em; margin-bottom: 2em; font-size: 150%; }
@media only screen and (max-width: 767px) { .con_access .box_access h4 { font-size: 117%; padding: .6em 1em; margin-bottom: 1em; } }
.con_access .box_access h4 span { float: right; display: inline-block; }
.con_access .box_access_sp h5 { background: #f5f2ee; font-size: 117%; padding: .7em .5em; 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; font-size: 117%; }
.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 { line-height: 2.2; font-size: 117%; margin: 2em 2em 0 0; }
@media only screen and (max-width: 767px) { .con_access .con_listguide .box_listguide { line-height: 2; font-size: 109%; margin: 1em 0; } }
.con_access .con_listguide .box_listguide h5 { margin-right: 1em; }
.con_access .txt_nav { line-height: 2.2; font-size: 117%; margin: 2em 0; }
@media only screen and (max-width: 767px) { .con_access .txt_nav { line-height: 2; font-size: 109%; margin: 1em 0; } }

.box_access_info { background: #f5f2ee; padding: 2em; margin-bottom: 3em; }
@media only screen and (min-width: 1025px) and (max-width: 1200px) { .box_access_info { width: 95%; margin: 3em auto 3em; } }
@media print { .box_access_info { width: 95%; margin: 3em auto 3em; } }
.ie8 .box_access_info { width: 95%; margin: 3em auto 3em; }
.box_access_info .access_info_inner { display: table; width: 100%; }
.box_access_info .access_info_inner .st_access { display: table-cell; vertical-align: middle; text-align: center; letter-spacing: .5em; font-size: 150%; width: 25%; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .box_access_info .access_info_inner .st_access { width: 30%; font-size: 134%; } }
@media only screen and (max-width: 767px) { .box_access_info .access_info_inner .st_access { display: block; width: 100%; font-size: 109%; } }
.box_access_info .access_info_inner .box_text { display: table-cell; vertical-align: middle; letter-spacing: .4em; line-height: 2.2; font-size: 150%; }
@media only screen and (max-width: 767px) { .box_access_info .access_info_inner .box_text { display: block; font-size: 126%; line-height: 2; } }

.con_sightseeing { background: #f5f2ee; overflow: hidden; *zoom: 1; padding: 3em 0; }
@media only screen and (min-width: 1025px) and (max-width: 1200px) { .con_sightseeing .box_tab_insight { width: 95%; margin: auto; } }
@media print { .con_sightseeing .box_tab_insight { width: 95%; margin: auto; } }
.ie8 .con_sightseeing .box_tab_insight { width: 95%; margin: auto; }
.con_sightseeing .tab_style1 .panels .panel { width: 100%; margin: 0 auto; }
.con_sightseeing .list_sighseeing { overflow: hidden; *zoom: 1; }
.con_sightseeing .list_sighseeing li { width: 30.16667%; margin-right: 4.75%; float: left; padding-bottom: 3em; }
.con_sightseeing .list_sighseeing li:nth-of-type(3n) { margin-right: 0; }
@media only screen and (max-width: 767px) { .con_sightseeing .list_sighseeing li { float: none; display: inline-block; width: 25%; } }
@media only screen and (max-width: 767px) { .con_sightseeing .list_sighseeing li { float: none; width: 100%; display: block; margin-right: 0; overflow: hidden; *zoom: 1; } }
.con_sightseeing .list_sighseeing li .box_img img { width: 100%; }
.con_sightseeing .list_sighseeing li h4 { font-size: 134%; 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: 126%; } }
@media only screen and (max-width: 767px) { .con_sightseeing .list_sighseeing li h4 { font-size: 126%; } }
.con_sightseeing .list_sighseeing li .txt { line-height: 1.8; }
.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; }