@charset "UTF-8";
body .mfp-content .con_pop, body .mfp-content .con_pop > p { max-width: 1200px; margin: auto; }
@media only screen and (max-width: 1199px) { body .mfp-content .con_pop, body .mfp-content .con_pop > p { width: 91.66667%; } }

.con_intro { overflow: hidden; padding-top: 2em; margin-bottom: 2em; }
@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; } }
.con_intro .container { 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%; } }
@media only screen and (max-width: 767px) { .con_intro .container .left { float: none; 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: 129%; }
.con_intro .container .right { float: right; overflow: hidden; width: 25%; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_intro .container .right { width: 36%; } }
@media only screen and (max-width: 767px) { .con_intro .container .right { width: 80%; } }
@media only screen and (max-width: 767px) { .con_intro .container .right { float: none; margin: 2em auto; } }
.con_intro .container .right .btn { margin-bottom: .5em; }
.con_intro .container .right .btn a { max-width: 300px; padding: 1em 2em; display: block; }
@media only screen and (max-width: 767px) { .con_intro .container .right .btn a { max-width: 100%; } }

.con_access { overflow: hidden; padding: 4em 0; }
.con_access .box_access { overflow: hidden; margin-bottom: 3em; }
.con_access .box_access h4 { background: #f5f2ee; font-size: 150%; color: #615b54; padding: .3em 1em; font-weight: normal; margin-bottom: 2em; overflow: hidden; }
@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 i { margin-right: .5em; }
.con_access .box_access .txt { margin-bottom: 1em; }
.con_access .box_access .btn { margin-bottom: 2em; }
.con_access .box_access .btn a { margin-left: 0; }
.con_access .box_access_sp h5 { background: #f5f2ee; font-size: 117%; padding: .7em 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; 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_sightseeing { background: #f5f2ee; overflow: hidden; padding: 3em 0; }
.con_sightseeing .tabs { margin-bottom: 2em; }
.con_sightseeing .tabs ul { text-align: center; }
.con_sightseeing .tabs ul li { display: inline-block; width: 16.66667%; font-size: 117%; 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 .tabs ul li { width: 20%; } }
@media only screen and (max-width: 767px) { .con_sightseeing .tabs ul li { width: 100%; } }
@media only screen and (max-width: 767px) { .con_sightseeing .tabs ul li { margin-bottom: .5em; } }
.con_sightseeing .tabs ul li:not(.active):hover { opacity: 0.7; }
.con_sightseeing .tabs ul li.active { position: relative; cursor: default; background: #FFF; border-color: #FFF; }
.con_sightseeing .panels .panel { display: none; width: 100%; margin: 0 auto; }
.con_sightseeing .panels .panel.active { display: block; }
.con_sightseeing .list_sighseeing { overflow: hidden; }
.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 { width: 100%; margin-right: 0; float: none; } }
@media only screen and (min-width: 768px) { .con_sightseeing .list_sighseeing li:nth-child(3n+1) { clear: left; } }
@media print { .con_sightseeing .list_sighseeing li:nth-child(3n+1) { clear: left; } }
.ie8 .con_sightseeing .list_sighseeing li:nth-child(3n+1) { clear: left; }
@media only screen and (max-width: 767px) { .con_sightseeing .list_sighseeing li { float: none; overflow: hidden; } }
.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; }

body .mfp-bg { background: #fff; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95); opacity: 0.95; }

body .mfp-content h4 { text-align: center; font-weight: normal; letter-spacing: .3em; font-size: 167%; padding-bottom: 40px; }
@media only screen and (max-width: 767px) { body .mfp-content h4 { padding-bottom: 2em; } }
body .mfp-content .popup-modal-dismiss { width: 5.5em; padding-top: 2em; height: 8em; margin: auto; display: block; text-decoration: none; text-align: center; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden; *zoom: 1; text-transform: uppercase; }
body .mfp-content .popup-modal-dismiss .line_close { height: 3em; width: 3.5em; position: relative; display: block; margin: auto; margin-bottom: .5em; }
@media only screen and (max-width: 767px) { body .mfp-content .popup-modal-dismiss .line_close { height: 2.5em; width: 4em; } }
body .mfp-content .popup-modal-dismiss .line_close:before, body .mfp-content .popup-modal-dismiss .line_close:after { content: ""; width: 100%; height: 2px; background: #000; position: absolute; left: 0; bottom: 1em; }
body .mfp-content .popup-modal-dismiss .line_close:before { -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
body .mfp-content .popup-modal-dismiss .line_close:after { -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
body .mfp-content .popup-modal-dismiss em { color: #000; }
body .mfp-content .popup-modal-dismiss:hover { cursor: pointer; }
body .mfp-content .con_pop { max-width: 625px; position: relative; padding: 80px 0; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { body .mfp-content .con_pop { padding: 60px 0; } }
@media only screen and (max-width: 767px) { body .mfp-content .con_pop { padding: 8em 0 5em; } }
body .mfp-content .con_pop .box_room { text-align: center; }
@media only screen and (min-width: 768px) { body .mfp-content .con_pop .box_room ul li:not(:first-child) { margin-top: 50px; } }
@media print { body .mfp-content .con_pop .box_room ul li:not(:first-child) { margin-top: 50px; } }
.ie8 body .mfp-content .con_pop .box_room ul li:not(:first-child) { margin-top: 50px; }
@media only screen and (max-width: 767px) { body .mfp-content .con_pop .box_room ul li:not(:first-child) { margin-top: 4em; } }
body .mfp-content .con_pop .box_room ul li a { display: block; text-decoration: none; }
body .mfp-content .con_pop .box_room ul li h5 { text-align: center; font-weight: normal; font-size: 142%; margin-top: 1em; }
body .mfp-content .con_pop > p { position: fixed; top: 40px; right: 0; left: 0; max-width: 900px; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { body .mfp-content .con_pop > p { top: 30px; } }
@media only screen and (max-width: 767px) { body .mfp-content .con_pop > p { top: 1.5em; } }
body .mfp-content .con_pop > p .popup-modal-dismiss { margin: 0 0 0 auto; padding-top: 0; }