@charset "utf-8";
/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
PC用スタイル：768px ～　（＋スマホ版でも適用あり）
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/
/* ヘッダー
----------------------------------------------------------------------------- */
#header-area {
background: url(../image/bg_header.png) repeat-x center bottom;
height: 84px;
width: 100%;
}
.header-wrap {
margin: 0 10px;
}
#header {
max-width: 958px;
margin: 0 auto;
position: relative;
}
.site-logo {
float: left;
margin-top:25px;
}
.logo {
cursor: pointer;
display: block;
float: left;
width: 200px;
height: 55px;
margin-right: 10px;
background: url(../image/logo.png) no-repeat 0 0;
-webkit-background-size: 200px 55px;
-moz-background-size: 200px 55px;
-ms-background-size: 200px 55px;
-o-background-size: 200px 55px;
background-size: 200px 55px;
}
.logo a {
display: block;
width: 200px;
height: 55px;
text-indent: -9999px;
}
.logo:hover {
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}
#header h1 {
position: absolute;
top: 35px;
left: 210px;
font-size: 14px;
line-height: 1.3;
font-weight: normal;
width: 260px;
}
ul.header-btn {
float: right ;
margin-top:35px;
font-size: 0;
}
ul.header-btn li {
display: inline-block;
margin-left: 15px;
font-size: 14px;
min-height: 35px;
}
ul.header-btn li a span{
display: block;
padding-top: 10px;
}
ul.header-btn li a:link,
ul.header-btn li a:visited {
color: #333;
text-decoration: none;
}
ul.header-btn li a:hover {
text-decoration: underline;
}
ul.header-btn li.btn-faq {
background: url(../image/icon_faq.png) no-repeat left center;
padding: 0 0 0 40px;
-webkit-background-size: 35px 35px;
-moz-background-size: 35px 35px;
-ms-background-size: 35px 35px;
-o-background-size: 35px 35px;
background-size: 35px 35px;
}
ul.header-btn li.btn-yoyaku {
background: url(../image/icon_yoyaku.png) no-repeat left center;
-webkit-background-size: 35px 35px;
-moz-background-size: 35px 35px;
-ms-background-size: 35px 35px;
-o-background-size: 35px 35px;
background-size: 35px 35px;
padding: 0 0 0 40px;
}
/* パンくずリスト
----------------------------------------------------------------------------- */
#crumbsnavi {
background: url(../image/bg_pankuzu.png) repeat-x;
height: 33px;
margin-bottom: 50px;
}
#crumbsnavi ul {
max-width: 958px;
margin: 0 auto;
padding-top: 10px;
}
#crumbsnavi ul li {
display: inline ;
line-height: 1.3 ;
font-size: 12px ;
color: #fff ;
}
div#crumbsnavi ul li a {
padding-right: 15px ;
background: url(../image/arrow1.png) no-repeat right center ;
}
div#crumbsnavi ul li:last-child a {
padding-right: 0;
background: none;
}
div#crumbsnavi ul li a:link,
div#crumbsnavi ul li a:visited {
color: #fff ;
text-decoration: none ;
}
div#crumbsnavi ul li a:hover {
text-decoration: underline; ;
}
div#crumbsnavi ul li span{
font-weight:bold;
}
/* ページトップへ
----------------------------------------------------------------------------- */

@media screen and (min-width:769px) {
  #maincontent .recommendedTour + .arvarea{
    margin-top:50px;
  }
/*-----------------------------
20180412 発地切り替え追加
-------------------------------*/
header{position: relative;}
.choose_area {
  position: relative;
  width:1000px;
  margin:0 auto;
}
.choose_area #area_btn {
  position: absolute;
  top:-50px;
  left:230px;
  width:230px;
  height:37px;
  line-height: 37px;
  padding-left:100px;
  text-align:center;
  cursor: pointer;
  background: url(../image/common/deparea.png) no-repeat 95% 50%;
}
.choose_area #area_btn:hover {
  background-color: #eee;
}

/* ポップアップ */
#pop_selectarea {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 9999;
  display:none;
}
#pop_selectarea_bdy {
  width: 600px;
  margin: 200px auto 0;
  background: #fff;
  border-radius: 0px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
  position: relative;
  padding: 30px 0;
}
#pop_close {
  position: absolute;
  top: -15px;
  right: -15px;
  background: #333;
  color: #fff;
  line-height: 36px;
  height: 40px;
  width: 40px;
  text-align: center;
  font-size: 20px;
  border-radius: 999px;
  cursor: pointer;
}
#pop_selectarea_bdy .pop_ttl {
  width: 80%;
  margin: 0 auto 15px;
  text-align: center;
  background: #128fbd;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  padding: 5px 0;
}
#pop_selectarea_bdy UL {
  width: 80%;
  margin: 0 auto;
  padding: 0px 0 0px;
  overflow: hidden;
}
#pop_selectarea_bdy UL LI {
  display: block;
  width: 45%;
}
#pop_selectarea_bdy UL LI:nth-of-type(odd) {
  float: left;
}
#pop_selectarea_bdy UL LI:nth-of-type(even) {
  float: right;
}
#pop_selectarea_bdy UL LI:nth-of-type(n+3) {
  margin-top: 10px;
}
#pop_selectarea_bdy UL LI A {
  display: block;
  width: 100%;
  height: 60px;
  line-height: 60px;
  text-align: center;
  background: #eee;
  font-size: 20px;
  color: #333;
  border-radius: 6px;
}
#pop_selectarea_bdy UL LI A:hover {
  text-decoration: none;
  background: #dee7ea;
}
}

/*親要素*/
.page-top-parent{
}
#page-top {
position: fixed;
bottom: 190px;
right: 30px;
z-index: 10;
}
#page-top a {
display: block;
width: 65px;
height: 65px;
text-indent: -9999px;
background: url(../image/btn_pagetop.png) no-repeat 0 0;
}
#page-top a:hover {
background: url(../image/btn_pagetop_on.png) no-repeat 0 0;
}
/* フッター
----------------------------------------------------------------------------- */
#footer-link-area {
background: url(../image/bg_footerlink.png) center center;
height: auto;
}
#footer-link {
max-width: 958px;
margin: 0 auto;
text-align: center;
}
#footer-link ul {
font-size: 0;
line-height: 62px;
}
#footer-link ul li {
display: inline;
font-size: 12px;
color: #fff;
margin: 0 2em;
}
#footer-link ul li a:link,
#footer-link ul li a:visited {
color: #fff;
text-decoration: none;
}
#footer-link ul li a:hover {
text-decoration: underline;
}
#kanren-tour ul {
font-size: 0;
line-height: 1;
padding: 25px 0 10px;
text-align: center;
}
#kanren-tour ul li {
display: inline;
font-size: 14px;
color: #fff;
margin-right: 10px;
padding-right: 10px;
border-right: 1px solid #fff;
}
#kanren-tour ul li:last-child {
border-right: none;
}
#kanren-tour ul li a:link,
#kanren-tour ul li a:visited {
color: #fff;
text-decoration: none;
}
#kanren-tour ul li a:hover {
text-decoration: underline;
}
#copy-area {
background: url(../image/bg_footer.png) center center;
height: 62px;
line-height: 62px;
text-align: center;
color: #fff;
font-size: 12px;
}


/* コンテンツエリア
----------------------------------------------------------------------------- */
#maincontent .contentInn .keywordSearch dl dd ul li a:hover,
#maincontent .contentInn a:hover img{
filter:alpha(opacity=75);
-moz-opacity: 0.75;
opacity: 0.75;
}



#maincontent .bg01{
background:#f0fbf5;
}
#maincontent .bg02{
background:#83d5f9;
}
#maincontent .bg03{
background:#f6f5ef;
}
#maincontent .wMax1000{
max-width:1000px;
margin:0 auto;
}
#maincontent .floatL{
float:left;
}
#maincontent .floatR{
float:right;
}
#maincontent .dBlock{
display:block;
}
#maincontent .mb100{
margin-bottom:100px;
}
#maincontent .pt0{
padding-top:0 !important;
}



#maincontent .contentInn{
overflow: hidden;
}



#maincontent h3.title{
font-size:26px;
font-weight:bold;
color:#007eb8;
padding:10px 0;
margin-bottom:30px;
background: url(../image/common/line.png) repeat-x left bottom;
}
#maincontent h3.title:before{
content:"";
width:22px;
height:16px;
margin-right: 10px;
display: inline-block;
background: url(../image/common/ico_title.png) no-repeat 0 0;
}



#maincontent .recommendedTour h3,
#maincontent .recommendedSpecial h3,
#maincontent .touristSpot h3{
font-size:34px;
font-weight:bold;
line-height:100%;
text-align: center;
padding:15px 0;
margin-bottom:35px;
}
#maincontent .recommendedTour h3{
color:#007eb8;
}
#maincontent .recommendedTour h3:after,
#maincontent .recommendedTour h3:before{
content:"";
width:38px;
height:45px;
vertical-align: bottom;
display: inline-block;
background: url(../image/common/title01_r.png) no-repeat 0 0;
}
#maincontent .recommendedTour h3:before{
margin-right:15px;
}
#maincontent .recommendedTour h3:after{
margin-left:15px;
}
#maincontent .touristSpot {
margin-bottom:100px;
}
#maincontent .recommendedSpecial h3{
color:#007eb8;
}
#maincontent .recommendedSpecial h3:after,
#maincontent .recommendedSpecial h3:before{
content:"";
width:46px;
height:40px;
vertical-align: bottom;
display: inline-block;
}
#maincontent .recommendedSpecial h3:before{
margin-right:30px;
background: url(../image/common/title02_l.png) no-repeat 0 0;
}
#maincontent .recommendedSpecial h3:after{
margin-left:30px;
background: url(../image/common/title02_r.png) no-repeat 0 0;
}
#maincontent .contentInn .touristHead,
#maincontent .contentInn .recommendedHead{
text-align:center;
}
#maincontent .contentInn .touristHead:after,
#maincontent .contentInn .recommendedHead:after{
content:"";
width:100%;
height:13px;
display: block;
background: url(../image/common/ico_bott_y.png) no-repeat bottom center;
}
#maincontent .contentInn .touristHead span,
#maincontent .contentInn .recommendedHead span{
max-width:315px;
display:block;
font-size:16px;
font-weight:bold;
color:#000000;
text-align:center;
line-height:100%;
padding:15px 0;
margin: 0 auto;
background:#ffea00;
}



#maincontent .contentHead{
color:#007eb8;
border-bottom:1px dotted #e7d17d;
margin-bottom:40px;
background: #a7e7fc url(../image/common/bg.jpg) repeat-x bottom center;
}
#maincontent .contentHead .wMax1000{
position: relative;
padding-bottom:18px;
}
#maincontent .contentHead .viewTour{
position: absolute;
right: 0;
top: 50%;
margin-top: -35px;
}
#maincontent .contentHead .titHead{
width: 66%;
margin:35px 0 0 35px;
}
#maincontent .contentHead .txtHead{
width: 66%;
margin:0 0 0 35px;
}
#maincontent .contentHead h2{
font-size:55px;
font-weight: normal;
margin-bottom: 15px;
}
#maincontent .contentHead h2 span{
color:#ffffff;
font-size:22px;
line-height:100%;
padding:15px 20px;
vertical-align: top;
display:inline-block;
margin-right:20px;
font-weight: bold;
background: url(../image/common/title_bg.png) repeat 0 0;
}
#maincontent .contentHead p{
font-size:16px;
font-weight: bold;
line-height: 150%;
color:#396785;
}

/*--------------- キービジュアル --*/
#maincontent .contentKv{text-align:center;margin-top: 15px;margin-bottom:15px;}
#maincontent .txtArea P{font-size:18px;line-height:145%;}

/*--------------- 緊急のお知らせ --*/
#maincontent .urgentNotice dl{
display:table;
table-layout: fixed;
width: 100%;
margin-bottom:50px;
border:2px solid #fc0208;
}
#maincontent .urgentNotice dl dt{
display:table-cell;
width:135px;
vertical-align: middle;
text-align:center;
padding:13px 15px;
font-size:14px;
color:#ffffff;
font-weight:bold;
background:#fc0208;
}
#maincontent .urgentNotice dl dd{
display:table-cell;
padding:13px 15px;
font-size:12px;
color:#fa0000;
line-height:150%;
}



#maincontent .contentInn .sliderArea{
max-width:470px;
width:49%;
height:452px;
overflow:hidden;
}
#maincontent .contentInn .tourSearch{
max-width:470px;
width:49%;
}



#maincontent .contentInn .noticeArea dl{
font-size:14px;
color:#434343;
display: table;
table-layout: fixed;
width: 100%;
padding:30px 0;
border-bottom:1px dotted #c6c6c6;
}
#maincontent .contentInn .noticeArea dl dt{
font-weight:bold;
display: table-cell;
vertical-align: top;
width: 230px;
}
#maincontent .contentInn .noticeArea dl dt span{
display:inline-block;
padding:8px 0;
line-height:100%;
color:#ffffff;
width:125px;
text-align: center;
vertical-align: middle;
font-weight: normal;
margin-left: 20px;
}
#maincontent .contentInn .noticeArea dl dt span.ico_notice{
background:#60d1c3;
}
#maincontent .contentInn .noticeArea dl dt span.ico_campaign{
background:#f5a33a;
}
#maincontent .contentInn .noticeArea dl dd{
line-height:150%;
display: table-cell;
vertical-align: top;
padding-left:20px;
}
#maincontent .contentInn .noticeArea dl dd a{
display:block;
font-size:14px;
color:#434343;
padding: 5px 0;
}






#maincontent .searchBox{
}
#maincontent .searchBox h4.searchTit{
font-size:14px;
color:#434343;
padding-left: 30px;
padding-top:2px;
}
#maincontent .searchBox .search01 h4.searchTit{
background: url(../image/common/ico01.png) no-repeat left center;
}
#maincontent .searchBox .search02 h4.searchTit{
background: url(../image/common/ico02.png) no-repeat 2px center;
}
#maincontent .searchBox .search03 h4.searchTit{
background: url(../image/common/ico03.png) no-repeat left center;
}
#maincontent .searchBox .search04 h4.searchTit{
background: url(../image/common/ico04.png) no-repeat left center;
}
#maincontent .searchBox .search05 h4.searchTit{
background: url(../image/common/ico05.png) no-repeat left center;
}
#maincontent .searchBox .search06 h4.searchTit{
background: url(../image/common/ico07.png) no-repeat left center;
}
#maincontent .searchBox .search07 h4.searchTit{
background: url(../image/common/ico09.png) no-repeat left center;
}



#maincontent .searchBox .selectBox{
display: table;
table-layout: fixed;
width: 100%;
margin-bottom: 5px;
}
#maincontent .searchBox .selectBox .searchTit{
width: 115px;
display: table-cell;
vertical-align: middle;
}
#maincontent .searchBox .selectBox .selectBoxInn{
display: table-cell;
vertical-align: middle;
}
#maincontent .searchBox .selectBox .selectBoxInn select{
outline: none;
width: 100%;
padding: 8px;
height: 38px;
border: 1px solid #c3c3c3;

background: #ffffff url(../image/common/ico_selection.png) no-repeat right 0;
cursor: pointer;

-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

#maincontent .searchBox .selectBox .selectBoxInn .serchcontSelect03{
width: 55%;
float:left;
}
#maincontent .searchBox .selectBox .selectBoxInn .serchcontSelect04{
width: 45%;
float: left;
display: table;
table-layout: fixed;
}
#maincontent .searchBox .selectBox .selectBoxInn .serchcontSelect04 h4{
display: table-cell;
vertical-align: middle;
width: 55px;
text-align: center;
}
#maincontent .searchBox .selectBox .selectBoxInn .serchcontSelect05{
display: table;
table-layout: fixed;
width: 100%;
}
#maincontent .searchBox .selectBox .selectBoxInn .serchcontSelect05 div{
display: table-cell;
vertical-align: middle;
}
#maincontent .searchBox .selectBox .selectBoxInn .serchcontSelect05 div select{
width:78%;
}
#maincontent .searchBox .selectBox .selectBoxInn .serchcontSelect05 div span{
width:22%;
display:inline-block;
text-align:center;
}
#maincontent .searchBox .selectBox .selectBoxInn .serchcontSelect06 input{
outline: none;
width: 100%;
padding: 2.5%;
height: 38px;
border: 1px solid #c3c3c3;
}
#maincontent .searchBox .searchBtn{
margin-top:13px;
}
#maincontent .searchBox .searchBtn input{
outline: none;
border: none;
color: #ffffff;
display: block;
padding: 5.5%;
height: 38px;
width: 100%;
text-indent:-9999px;
cursor: pointer;
background: #2ba0d5 url(../image/common/search_btn.png) no-repeat center center;
}



#maincontent .searchCode{
margin-top:16px;
padding-top: 8px;
background: url(../image/common/line.png) repeat-x left top;
}
#maincontent .searchCode h4{
font-size:14px;
color:#434343;
padding: 15px 0 10px 30px;
background: url(../image/common/ico06.png) no-repeat left center;
}
#maincontent .searchCode ul{
display: table;
table-layout: fixed;
width: 100%;
}
#maincontent .searchCode ul li{
display: table-cell;
vertical-align: middle;
}
#maincontent .searchCode ul li.ico_code{
width: 75%;
}
#maincontent .searchCode ul li.ico_code input{
color: #aaa;
outline: none;
width: 100%;
padding: 2.5%;
height: 38px;
border: 1px solid #c3c3c3;
}
#maincontent .searchCode ul li.searchCodeBtn{

}
#maincontent .searchCode ul li.searchCodeBtn input{
outline: none;
border: none;
color: #00b85c;
display: block;
padding: 6.5%;
height: 38px;
width: 100%;
text-indent: -9999px;
cursor: pointer;
background: #2ba0d5 url(../image/common/ico_search.png) no-repeat center center;
}
#maincontent .searchCode ul li.searchCodeBtn input:hover{
filter:alpha(opacity=75);
-moz-opacity: 0.75;
opacity: 0.75;
}



#maincontent .contentInn .keywordSearch{

}
#maincontent .contentInn .keywordSearch dl{
display: table;
table-layout: fixed;
width: 100%;
border:1px solid #3ea9db;
}
#maincontent .contentInn .keywordSearch dl dt{
display: table-cell;
vertical-align: middle;
width: 20%;
font-size:18px;
font-weight:bold;
color:#007eb8;
padding-top: 3px;
line-height:125%;
padding-left: 85px;
background: url(../image/common/ico_keyword.png) no-repeat 25px center;
}
#maincontent .contentInn .keywordSearch dl dd{
display: table-cell;
vertical-align: middle;
width: 80%;
padding: 20px 15px;
}
#maincontent .contentInn .keywordSearch dl dd ul li{
width:20%;
float:left;
}
#maincontent .contentInn .keywordSearch dl dd ul li a{
display: block;
color: #000000;
font-size: 14px;
text-decoration: none;
padding: 15px 15px 13px;
margin: 0 5px;
font-weight:bold;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background: #f1edb4 url(../image/common/ico_arr_r01.png) no-repeat 93% center;
}



#maincontent .recommendedTour{
margin-bottom:0 !important;
}
#maincontent .recommendedTour.mb100{
  margin-bottom:100px!important;
}
#maincontent .contentInn .tourBox{
margin-bottom:60px;
}
#maincontent .contentInn .tourBox ul{
margin-left:-10px;
margin-right:-10px;
}
#maincontent .contentInn .tourBox ul li{
float:left;
width:50%;
}
#maincontent .contentInn .tourBox ul li a{
position: relative;
display:block;
margin:10px;
background:#ffffff;
color:#434343;
    border: 1px solid #ccc;
}
#maincontent .contentInn .tourBox ul li a:hover{
filter:alpha(opacity=75);
-moz-opacity: 0.75;
opacity: 0.75;
text-decoration: none;
}
#maincontent .contentInn .disTable{
display: table;
table-layout: fixed;
width: 100%;
}
#maincontent .contentInn .disCell{
display: table-cell;
vertical-align: middle;
}

#maincontent .contentInn .tourBox .tourInn .tour_daytrip,
#maincontent .contentInn .tourBox .tourInn .tour_stay{
position: absolute;
top: 10px;
left: 0;
width: 76px;
}
#maincontent .contentInn .tourBox .tourInn .disTable{
border-bottom: 1px dotted #c6c6c6;
}
#maincontent .contentInn .tourBox .tourInn .tourImg{
max-width:232px;
width:47.6%;
}
#maincontent .contentInn .tourBox .tourInn .tourImg img{
margin-bottom:-1px;
vertical-align: middle;
}
#maincontent .contentInn .tourBox .tourInn .tourText{

}
#maincontent .contentInn .tourBox .tourInn .tourText p{
font-size:16px;
font-weight:bold;
line-height:150%;
padding:0 20px;
}
#maincontent .contentInn .tourBox .tourInn .tourPrice p{
font-size:26px;
font-weight:bold;
color:#ff0000;
padding: 20px;
text-align: right;
}
#maincontent .contentInn .tourBox .tourInn .tourPrice p b{
font-size:18px;
}
#maincontent .contentInn .tourBox .tourInn .tourPeriod{
padding:7px;
font-size:12px;
background:url(../image/common/bg_tourPeriod.png) repeat 0 0;
}
#maincontent .contentInn .tourBox .tourInn .tourPeriod p{

}
#maincontent .contentInn .tourBox .tourInn .tourPeriod p span{
display:inline-block;
padding:8px 10px;
color:#fff;
margin-right:15px;
background:#007eb8;
}



#maincontent .contentInn .specialBox{
margin-bottom:60px;
}
#maincontent .contentInn .specialBox .slider02{
overflow:hidden;
}
#maincontent .contentInn .specialBox .slider02 ul{

}
#maincontent .contentInn .specialBox .slider02 ul li{
background:#ffffff;
}
#maincontent .contentInn .specialBox .slider02 ul li a{
display:block;
padding:10px;
text-decoration: none;
}
#maincontent .contentInn .specialBox .slider02 ul li a:hover{
text-decoration: none;
filter:alpha(opacity=75);
-moz-opacity: 0.75;
opacity: 0.75;
}
#maincontent .contentInn .specialBox .slider02 ul li a dl{
margin-top:10px;
}
#maincontent .contentInn .specialBox .slider02 ul li a dl dt{
min-height:63px;
font-size:16px;
font-weight:bold;
color:#007eb8;
line-height:135%;
padding:10px;
border-bottom: 1px dotted #c6c6c6;
}
#maincontent .contentInn .specialBox .slider02 ul li a dl dd{
min-height:135px;
font-size:14px;
color:#434343;
padding:10px 10px 5px;
line-height:175%;
}
.slider02 .bx-wrapper .bx-viewport {
position: relative;
}
.lower-touristspot .sliderArea .slider03 .bx-viewport{
overflow:hidden;
}
.lower-touristspot .sliderArea .slider03 .bx-viewport .box-viewport{
width:150% !important;
margin-left:-24%!important;
}
.lower-touristspot .sliderArea .slider03 .bx-viewport .box-viewport li{
width:4.025% !important;
}



#maincontent .contentInn .btnArea{
margin-bottom:60px;
text-align:center;
}
#maincontent .contentInn .btnArea a{
display:inline-block;
padding: 20px 50px 18px 30px;
font-size:22px;
font-weight:bold;
color:#ffffff;
line-height:100%;
background:#2ba0d5 url(../image/common/ico_arr_r02.png) no-repeat 97% center;
}
#maincontent .contentInn .btnArea a:hover{
text-decoration: none;
filter:alpha(opacity=75);
-moz-opacity: 0.75;
opacity: 0.75;
}





#maincontent .contentInn .destinationList {
margin-left: -2%;
margin-right: -2%;
}
#maincontent .contentInn .destinationList .listBox{
width: 29.333333%;
float: left;
margin: 0 2% 4%;
}
#maincontent .contentInn .destinationList h4{
margin-bottom:20px;
}
#maincontent .contentInn .destinationList h4 span{
text-decoration: none;
display:block;
font-size:16px;
color:#434343;
padding:15px 15px 15px 25px;
line-height:100%;
background:#f5f5f5 url(../image/common/ico_arr_r03.png) no-repeat left center;
}
#maincontent .contentInn .destinationList .listLink a{
font-size:14px;
color:#434343;
line-height:175%;
margin: 0 2px 0 0;
text-decoration: underline;
position: relative;
}
#maincontent .contentInn .destinationList .listLink a:hover{
text-decoration: none;
filter:alpha(opacity=75);
-moz-opacity: 0.75;
opacity: 0.75;
}
#maincontent .contentInn .bnrArea{
text-align: center;
}
#maincontent .contentInn .bnrArea ul{
margin: 0 -20px;
}
#maincontent .contentInn .bnrArea ul li{
width:50%;
}
#maincontent .contentInn .bnrArea ul li a{
display:block;
margin:0 20px;
}



#maincontent .contentInn .tourThemeBox{
margin-bottom: 100px;
}
#maincontent .contentInn .tourThemeBox ul{
margin-left: -20px;
margin-right: -20px;
}
#maincontent .contentInn .tourThemeBox ul li{
width:33.33333333%;
float:left;
text-align:center;
}
#maincontent .contentInn .tourThemeBox ul li a{
width: 306px;
display: block;
text-align: left;
margin: 0 auto;
}
#maincontent .contentInn .tourThemeBox ul li a:hover{
text-decoration: none;
filter:alpha(opacity=75);
-moz-opacity: 0.75;
opacity: 0.75;
}
#maincontent .contentInn .tourThemeBox ul li div{

}
#maincontent .contentInn .tourThemeBox ul li div p{
font-size: 14px;
font-weight: bold;
color: #007eb8;
line-height: 135%;
padding: 20px 0 15px;
}
#maincontent .contentInn .tourThemeBox ul li a span{
display:block;
font-size: 14px;
color: #434343;
padding: 0;
line-height: 175%;
}

#maincontent .contentInn .tourTop{
text-align:right;
margin:15px 0;
}
#maincontent .contentInn .tourTop a{
display:inline-block;
color:#007eb8;
line-height:100%;
padding:5px 25px 3px 5px;
text-decoration: underline;
background:url(../image/common/ico_arr_t01.png) no-repeat right center;
}



#maincontent .contentInn .seoBox{
padding:30px 0;
}
#maincontent .contentInn .seoBox p{
font-size:12px;
color:#343434;
line-height:175%;
}



#maincontent .contentInn .snsAreaBox{
overflow: hidden;
margin: 35px 0;
}
#maincontent .contentInn .snsAreaLink{
width: 60%;
float: left;
}
#maincontent .contentInn .snsAreaLink ul{

}
#maincontent .contentInn .snsAreaLink ul li{
float:left;
}
#maincontent .contentInn .snsAreaLink ul li.w01{
width:205px;
}
#maincontent .contentInn .snsAreaLink ul li a{
display:block;
font-size: 14px;
color: #434343;
padding: 3px 5px 2px 20px;
margin:5px;
text-decoration: none;
background:url(../image/common/ico_arr_r04.png) no-repeat left center;
}
#maincontent .contentInn .snsAreaLink ul li a:hover{
text-decoration: none;
filter:alpha(opacity=75);
-moz-opacity: 0.75;
opacity: 0.75;
}

#maincontent .contentInn .snsAreaBtn{
width: 40%;
float: right;
text-align: right;
padding-top: 5px;
}
#maincontent .contentInn .snsAreaBtn ul{
display: inline-block;
}
#maincontent .contentInn .snsAreaBtn ul li{
float:left;
}
#maincontent .contentInn .snsAreaBtn ul li a{
display:block;
margin: 0 0 0 15px;
}
#maincontent .contentInn .snsAreaBtn ul li img{
vertical-align: middle;
width:50px;
}



#maincontent .contentInn .infoArea{
padding:60px 0;
overflow: hidden;
}
#maincontent .contentInn .infoArea div{
color:#fff;
width:470px;
}
#maincontent .contentInn .infoArea div h4{
padding:8px;
font-size:14px;
margin-bottom: 20px;
font-weight: normal;
background:#248cc7;
}
#maincontent .contentInn .infoArea div p{
font-size:14px;
line-height:175%;
color:#004388;
}
#maincontent .contentInn .infoArea div p span{
margin-bottom:10px;
}



#maincontent .touristSpot{

}
#maincontent .touristSpot h3{
color:#007eb8;
margin-top:10px;
}
#maincontent .touristSpot h3:after,
#maincontent .touristSpot h3:before{
content:"";
width:36px;
height:30px;
vertical-align: bottom;
display: inline-block;
}
#maincontent .touristSpot h3:before{
margin-right:30px;
vertical-align: top;
background: url(../image/common/title03_mp.png) no-repeat 0 0;
}
#maincontent .touristSpot h3:after{
margin-left:30px;
vertical-align: top;
background: url(../image/common/title03_mp.png) no-repeat 0 0;
}
#maincontent .touristSpot .specialBox .slider02 ul li{
position: relative;
}
#maincontent .touristSpot .specialBox .slider02 ul li a{
padding:0 !important;
}
#maincontent .touristSpot .specialBox .slider02 ul li .tag_area{
position: absolute;
left:0;
top:10px;
font-size:13px;
padding:8px 15px 7px 10px;
color:#ffffff;
border-radius: 0 15px 15px 0;
-moz-border-radius: 0 15px 15px 0;
-webkit-border-radius: 0 15px 15px 0;
background:#007eb8;
}
#maincontent .touristSpot .specialBox .slider02 ul li a dl{
margin:10px;
}





/*--------- 下層ページ（観光地）---*/
.txtR{
text-align:right;
}
#lower-page #maincontent .txt_Com{
font-size:12px;
}
#lower-page #maincontent .mainImg{

}
#lower-page #maincontent .mainImg .titleHead{
max-width: 1000px;
margin: 0 auto;
display: table;
table-layout: fixed;
width: 100%;
padding:20px 20px 20px 0;
margin-bottom:30px;
background:#e8e8e2;
position: relative;
}
#lower-page #maincontent .mainImg .titleHead .disCell{
display: table-cell;
vertical-align: middle;
}

#lower-page #maincontent .mainImg .titleHead .tag_area{
width:170px;
padding:8px 10px;
color: #ffffff;
font-size:15px;
border-radius: 0 18px 18px 0;
-moz-border-radius: 0 18px 18px 0;
-webkit-border-radius: 0 18px 18px 0;
background:#007eb8;
}
#lower-page #maincontent .mainImg .titleHead h2{
font-size:30px;
color: #007eb8;
padding: 2px 0 0 10px;
}
#lower-page #maincontent .mainImg .titleHead a{
position: absolute;
right: 20px;
top:19px;
width:150px;
padding:8px 10px;
font-size:16px;
font-weight: bold;
color: #ffffff;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background:#d7bc3c url(../image/common/ico_arr_bottom.png) no-repeat 93% center;
}
#lower-page #maincontent .mainImg .titleHead a:hover{
text-decoration: none;
filter:alpha(opacity=75);
-moz-opacity: 0.75;
opacity: 0.75;
}
#lower-page #maincontent .mainImg{
padding-bottom:80px;
}
#lower-page #maincontent .mainImg .sliderArea {
margin-bottom:20px;
}
.disHide{
  display:none;
}
#lower-page #maincontent .mainImg p{
line-height:1.75;
}
#lower-page #maincontent .contentInn .tourBox{
margin-bottom:100px;
}



#lower-page #maincontent .contentInn .tourSearch{
width:auto;
max-width:100%;
margin-bottom:80px;
}
#lower-page #maincontent .searchBox .selectBox .selectBoxInn .serchcontSelect03,
#lower-page #maincontent .searchBox .selectBox .selectBoxInn .serchcontSelect04{
width:100%;
}
#lower-page #maincontent .searchBox ul{
overflow: hidden;
margin:0 -15px 35px;
}
#lower-page #maincontent .searchBox ul li{
width: 50%;
float: left;
padding: 0 15px;
}
#lower-page #maincontent .searchBox .searchBtn{
max-width:470px;
margin:0 auto;
}
#lower-page #maincontent .searchBox .searchBtn input{
padding: 25px;
}



#lower-page #infoBasic{
margin-bottom:80px;
}
#lower-page #infoBasic .innBox{
margin-top:15px;
}
#lower-page #infoBasic .innBox dl{
display: table;
table-layout: fixed;
width: 100%;
border:1px solid #bbbbbb;
margin-top:-1px;
}
#lower-page #infoBasic .innBox dl dt,
#lower-page #infoBasic .innBox dl dd{
display: table-cell;
vertical-align: middle;
padding:10px;
line-height:1.5;
}
#lower-page #infoBasic .innBox dl dt{
text-align:center;
width:140px;
background:#f6f6f6;
border-right:1px solid #bbbbbb;
}
#lower-page #infoBasic .innBox dl dd a{
display: inline-block;
color:#333333;
text-decoration: none;
}
#lower-page #infoBasic .innBox dl dd a:hover{
filter:alpha(opacity=75);
-moz-opacity: 0.75;
opacity: 0.75;
}
#lower-page #infoBasic .innBox dl dd.ico08 a:after{
content:"";
width:20px;
height:20px;
margin-left:5px;
display: inline-block;
vertical-align: middle;
background: url(../image/common/ico08.png) no-repeat 0 0;
}
#lower-page #infoBasic .innBox dl dd.ico09 a:after{
content:"";
width:17px;
height:17px;
margin-left:10px;
display: inline-block;
vertical-align: middle;
background: url(../image/common/ico09.png) no-repeat 0 0;
}



#lower-page #infoMap{
margin-bottom:60px;
}
#lower-page #infoMap .innBox{
border:1px solid #bbbbbb;
}
#lower-page #infoMap .innBox iframe{
  width:100%;
  height:460px;
}
#lower-page #infoMap .mapLink{
margin-top: 25px;
}
#lower-page #infoMap .mapLink a{
display:inline-block;
padding:15px 30px 15px 20px;
color:#ffffff;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background:#2ba0d5 url(../image/common/ico_arr_r05.png) no-repeat 95% 47%;
}
#lower-page #infoMap .mapLink a:hover{
filter:alpha(opacity=75);
-moz-opacity: 0.75;
opacity: 0.75;
text-decoration: none;
}