@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; ;
}
/* ページトップへ
----------------------------------------------------------------------------- */
/*親要素*/
.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 .contentInn > p{
  line-height: 1.3;
}


#maincontent .bg01{
background:#f0fbf5;
}
#maincontent .bg02{
background:#00b85c;
}
#maincontent .bg03{
background:#f5f5f5;
}
#maincontent .wMax1000{
width:1000px;
margin:0 auto;
}
#maincontent .floatL{
float:left;
}
#maincontent .floatR{
float:right;
}
#maincontent .dBlock{
display:block;
}
#maincontent .mb100{
margin-bottom:100px;
}
#maincontent .mb50{
margin-bottom:50px;
}
#maincontent .pt0{
padding-top:0 !important;
}
#maincontent .align_c{
text-align: center;
}



#maincontent .contentInn{
overflow: hidden;
}



#maincontent h3.title{
font-size:26px;
font-weight:bold;
color:#00b85c;
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{
font-size:34px;
font-weight:bold;
line-height:100%;
text-align: center;
padding:15px 0;
margin-bottom:35px;
}
#maincontent .recommendedTour h3{
color:#ffffff;
}
#maincontent .recommendedTour h3:after,
#maincontent .recommendedTour h3:before{
content:"";
width:38px;
height:45px;
vertical-align: bottom;
display: inline-block;
}
#maincontent .recommendedTour h3:before{
margin-right:30px;
background: url(../image/common/title01_l.png) no-repeat 0 0;
}
#maincontent .recommendedTour h3:after{
margin-left:30px;
background: url(../image/common/title01_r.png) no-repeat 0 0;
}
#maincontent .recommendedSpecial {
margin-bottom:100px;
}
#maincontent .recommendedSpecial h3{
color:#00b85c;
}
#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 .recommendedHead{
text-align:center;
}
#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 .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:#00b85c;
border-bottom:1px dotted #00b85c;
margin-bottom:40px;
}
#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%;
}
.tmp03 #maincontent .contentHead .a_and_d {
  width: 80%;
}
h7 {
padding: 0.5em;/*文字周りの余白*/
color: #494949;/*文字色*/
background: #fffaf4;/*背景色*/
border-left: solid 5px #ffaf58;/*左線（実線 太さ 色）*/
}

/*--------------- キービジュアル --*/
#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{
width:470px;
height:452px;
overflow:hidden;
}
#maincontent .contentInn .tourSearch{
width:470px;
}



#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:#6ebcff;
}
#maincontent .contentInn .noticeArea dl dt span.ico_campaign{
background:#ff5f5f;
}
#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;
}
#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 .search07 h4.searchTit{
background: url(../image/common/ico12.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 .search06 h4.searchTit{
background: url(../image/common/ico11.png) no-repeat left center;
}
#maincontent .searchBox .search05 h4.searchTit{
background: url(../image/common/ico05.png) no-repeat left center;
}
.tmp03 #maincontent .searchBox .search05 h4.searchTit{
background: url(../image/common/ico07.png) no-repeat left center;
}


#maincontent .searchBox .selectBox{
display: table;
table-layout: fixed;
width: 100%;
margin-bottom: 5px;
}
#maincontent .searchBox .selectBox .searchTit{
width: 95px;
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: 50%;
float:left;
}
#maincontent .searchBox .selectBox .selectBoxInn .serchcontSelect04{
width: 50%;
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 .selectBox .selectBoxInn .serchcontSelect05 input{
  font-size: 16px;
  outline: none;
  width: 100%;
  padding: 8px;
  height: 38px;
  border: 1px solid #c3c3c3;
  background: #ffffff url(../image/icon_calendar.png) no-repeat;
  background-position: right 6px center;
  cursor: pointer;
}
#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: #00b85c url(../image/common/search_btn.png) no-repeat center center;
}
#maincontent .searchBox .searchBtn2{
margin-top:5px;
}
#maincontent .tab_conts > li:first-child .searchBox .search03 .serchcontSelect03 {
  width: 100%;
}
#maincontent .searchBox .searchBtn2 input{
outline: none;
border: none;
color: #ffffff;
display: block;
padding: 5%;
height: 15px;
width: 50%;
text-indent:-9999px;
cursor: pointer;
background: url(../image/common/search_btn2.png) no-repeat center center;
text-align:center;
}
.tmp03 #maincontent .searchBox .search03 .selectBoxInn > div {
  display: table;
  width: auto;
}
.tmp03 #maincontent .searchBox .search03 .serchcontSelect04 {
  display: table;
}
.tmp03 #maincontent .searchBox .search03 .serchcontSelect03 select {
  width: 200px;
}
.tmp03 #maincontent .searchBox .search03 .serchcontSelect04 select {
  display: inline-block;
  width: 100px;
}
.tmp03 #maincontent .searchBox .search03 .serchcontSelect04 h4 {
  display: table-cell;
  vertical-align: middle;
  width: 70px;
  text-align: center;
}

/* 2カラム */
#maincontent .searchBox form ul li:nth-child(-n+2) .selectBoxInn > div:nth-child(1) {
  width: 38% ;
  float: left;
}
#maincontent .searchBox form ul li:nth-child(-n+2) .selectBoxInn > div:nth-child(2) {
  width: 48% !important;
  float: left;
}
#maincontent .searchBox form ul li:nth-child(-n+2) .selectBoxInn > div:nth-child(2) input {
  width: 100%;
  padding: 8px;
  height: 38px;
  border: 1px solid #c3c3c3;
  box-sizing: border-box;
  background: url(../image/icon_calendar.png) no-repeat right 8px center;
}
#maincontent .searchBox form ul li:nth-child(-n+2) .selectBoxInn > div:nth-child(2) h4 {
  width: 90px;
  padding-left: 25px;
  box-sizing: border-box;
}
#maincontent .searchBox form ul li:nth-child(-n+2) .selectBoxInn > div:nth-child(2) h4.icon02 {
  background: url(../image/common/ico02.png) no-repeat left 13px center;
}
#maincontent .searchBox form ul li:nth-child(-n+2) .selectBoxInn > div:nth-child(2) h4.icon04 {
  background: url(../image/common/ico04.png) no-repeat left 10px center;
}
#maincontent .searchBox form ul li:nth-child(-n+2) .selectBoxInn > div:nth-child(2) h4.icon10 {
  background: url(../image/common/ico10.png) no-repeat left 10px center;
}

#maincontent .searchBox .selectBox .selectBoxInn .serchcontSelect05{
  width:100%!important;
}

#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: #00b85c 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 #00b85c;
}
#maincontent .contentInn .keywordSearch dl dt{
display: table-cell;
vertical-align: middle;
width: 20%;
font-size:18px;
font-weight:bold;
color:#00b85c;
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;
  margin:1px 0;
}
#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: #fafac1 url(../image/common/ico_arr_r01.png) no-repeat 93% center;
}



#maincontent .recommendedTour{
margin-bottom:0 !important;
padding-bottom:50px;
}
#maincontent .recommendedTour.mb100{
  margin-bottom:100px!important;
}
#maincontent .contentInn .tourBox{

}
#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;
}
.tmp03 #maincontent .contentInn .tourBox ul li a {
  border: 1px solid #c0c0c0;
}
#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{
width:232px;
}
#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:#ff7800;
padding: 20px;
text-align: right;
}
#lower-page.tmp03 #maincontent .contentInn .tourBox .tourInn .tourPrice p{
  color: #f14a4a;
}
#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:#00b85c;
}
.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 .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:#00b85c;
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%;
}
#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:#00b85c 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{

}
#maincontent .contentInn .bnrArea ul{

}
#maincontent .contentInn .bnrArea ul li{

}
#maincontent .contentInn .bnrArea ul li a{
display:block;
}



#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: #00b85c;
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:#00b85c;
line-height:100%;
padding:5px 25px 3px 5px;
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:#00a444;
}
#maincontent .contentInn .infoArea div p{
font-size:14px;
line-height:175%;
}
#maincontent .contentInn .infoArea div p span{
margin-bottom:10px;
}


/*-----------------------------
20180625 簡単検索追加
-------------------------------*/

#maincontent .searchBox-min{
  padding:20px 0;
  margin-bottom:20px;
  background:#00b85c;
}
#maincontent .searchBox-min .BoxTit{
  text-align: center;
  color:#fff;
}
#maincontent .searchBox-min .BoxTit span{
  display: inline-block;
  /*background: linear-gradient(transparent 20%, #ffff66 60%);*/
  font-size:26px;
  padding:0 10px;
}
#maincontent .searchBox-min ul{
  width:1000px;
  margin:20px auto 0px;
  display: table;
}
#maincontent .searchBox-min li{
  width:40%;
  display: table-cell;
  margin:0;
  padding:0;
}
#maincontent .searchBox-min .searchBtn{
  width:20%;
  vertical-align: top;
}

#maincontent .searchBox-min .searchTit{
font-size:14px;
color:#fff;
text-align: center;
}
#maincontent .searchBox-min .search01 h4.searchTit{
background:#099a51 url(../image/common/ico01-w.png) no-repeat 12px center;
padding-left: 20px;
}
#maincontent .searchBox-min .search02 h4.searchTit{
background:#099a51 url(../image/common/ico02-w.png) no-repeat 30px center;
padding-left: 10px;
}

#maincontent .searchBox-min .selectBox{
display: table;
table-layout: fixed;
width: 100%;
margin-bottom: 0px;
}
#maincontent .searchBox-min .selectBox .searchTit{
display: table-cell;
vertical-align: middle;
width: 120px;
}
#maincontent .searchBox-min .selectBox .selectBoxInn{
display: table-cell;
vertical-align: middle;
padding-right:10px;
padding-left:5px;
}
#maincontent .searchBox-min .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-min .selectBox .selectBoxInn select::-ms-expand {
    display: none;
}
#maincontent .searchBox-min .searchBtn input{
outline: none;
border: none;
color: #ffffff;
display: block;
padding: 5.5%;
height: 38px;
width: 100%;
text-indent:-9999px;
cursor: pointer;
background: #00b85c url(../image/common/search_btn.png) no-repeat 51% center;
background-size:380px auto;
  border:1px solid #fff;
}
#maincontent .searchBox-min .searchBtn input:hover{
  opacity: 0.8;
}


@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: #00b85c;
  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;
}
}


/*-----------------------------
20180710 テンプレート追加
-------------------------------*/
.tmp03 .txtR{
text-align:right;
}
#lower-page.tmp03 #maincontent .txt_Com{
font-size:12px;
}

.tmp03 #maincontent .contentHead {
    color: #00b85c;
    border-bottom: 1px dotted #ebfff4;
    margin-bottom: 40px;
    background: #ebfff4 url(../image/common/bg.png) repeat-x bottom center;
}

#lower-page.tmp03 #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:#e9f3ee;
position: relative;
}
#lower-page.tmp03 #maincontent .mainImg .titleHead .disCell{
color:#00b85c;
display: table-cell;
vertical-align: middle;
}

#lower-page.tmp03 #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:#00b85c;
}
#lower-page #maincontent .mainImg .titleHead h2{
font-size:30px;
color: #007eb8;
padding: 2px 0 0 10px;
}
#lower-page.tmp03 #maincontent .mainImg .titleHead a.disCell{
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:#ff7800 url(../image/common/ico_arr_bottom.png) no-repeat 93% center;
}
#lower-page.tmp03 #maincontent .mainImg .titleHead a:hover{
text-decoration: none;
filter:alpha(opacity=75);
-moz-opacity: 0.75;
opacity: 0.75;
}
#lower-page.tmp03 #maincontent .mainImg{
padding-bottom:80px;
}
#lower-page.tmp03 #maincontent .mainImg .sliderArea {
margin-bottom:20px;
}
#lower-page.tmp03 #maincontent .mainImg p{
line-height:1.75;
}
#lower-page.tmp03 #maincontent .contentInn .tourBox{
margin-bottom:100px;
}


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


#lower-page.tmp03 #infoBasic{
margin-bottom:80px;
}
#lower-page.tmp03 #infoBasic .innBox{
margin-top:15px;
}
#lower-page.tmp03 #infoBasic .innBox dl{
display: table;
table-layout: fixed;
width: 100%;
border:1px solid #bbbbbb;
margin-top:-1px;
}
#lower-page.tmp03 #infoBasic .innBox dl dt,
#lower-page.tmp03 #infoBasic .innBox dl dd{
display: table-cell;
vertical-align: middle;
padding:10px;
line-height:1.5;
}
#lower-page.tmp03 #infoBasic .innBox dl dt{
text-align:center;
width:140px;
background:#f6f6f6;
border-right:1px solid #bbbbbb;
}
#lower-page.tmp03 #infoBasic .innBox dl dd a{
display: inline-block;
color:#333333;
text-decoration: none;
}
#lower-page.tmp03 #infoBasic .innBox dl dd a:hover{
filter:alpha(opacity=75);
-moz-opacity: 0.75;
opacity: 0.75;
}
#lower-page.tmp03 #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.tmp03 #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.tmp03 #infoMap{
margin-bottom:60px;
}
#lower-page.tmp03 #infoMap .innBox{
border:1px solid #bbbbbb;
}

#lower-page.tmp03 #infoMap .innBox iframe {
    width: 100%;
    height: 460px;
}



#lower-page.tmp03 #infoMap .mapLink{
margin-top: 25px;
}
#lower-page.tmp03 #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.tmp03 #infoMap .mapLink a:hover{
filter:alpha(opacity=75);
-moz-opacity: 0.75;
opacity: 0.75;
text-decoration: none;
}

/* ツアー検索フォーム */
@-webkit-keyframes tabAnim{
  0%{opacity:0;}
  100%{opacity:1;}
}
@keyframes tabAnim{
  0%{opacity:0;}
  100%{opacity:1;}
}
.tab_btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 15px;
  border-bottom: 2px solid #00b85c;
}
.tab_btns > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
          align-items: center;
  width: 49%;
  font-size: 18px;
  font-weight: bold;
  color: #00b85c;
  background: #fff;
  padding: 10px;
  border: 1px solid #00b85c;
  border-bottom: none;
  cursor: pointer;
}
.tab_btns > li.active {
  color: #fff;
  background: #00b85c;
  pointer-events: none;
}
.tab_conts > li {
  display: none;
  -webkit-transition: .3s;  transition: .3s;
}
.tab_conts > li.active {
  display: block;
  -webkit-animation:tabAnim ease 0.3s forwards;  animation:tabAnim ease 0.6s forwards;
}

/*searchBox 新設定20181121*/
#maincontent .searchBox{
}
#maincontent .searchBox h4.searchTit{
font-size:14px;
color:#434343;
padding-left: 24px;
width:85px;
}
#maincontent .searchBox .searchTit.icon_from{
background: url(../image/common/ico01.png) no-repeat left center;
}
#maincontent .searchBox .searchTit.icon_to{
background: url(../image/common/ico02.png) no-repeat 4px center;
}
#maincontent .searchBox .searchTit.icon_plan{
background: url(../image/common/ico03.png) no-repeat left center;
}
#maincontent .searchBox .searchTit.icon_date{
background: url(../image/common/ico04.png) no-repeat left center;
}
#maincontent .searchBox .searchTit.icon_tag{
background: url(../image/common/ico05.png) no-repeat left center;
}
#maincontent .searchBox .searchTit.icon_hotel{
background: url(../image/common/ico11.png) no-repeat left center;
}
#maincontent .searchBox .searchTit.icon_gerande{
background: url(../image/common/ico12.png) no-repeat 2px center;
}
#maincontent .searchBox .searchTit.icon_stay{
background: url(../image/common/ico10.png) no-repeat 2px center;
padding-left:30px;
}
#maincontent .searchBox .searchTit.icon_no{
  padding-left:0;
}

#maincontent .searchBox .searchitem{
display: table;
table-layout: fixed;
width: 100%;
margin-bottom: 5px;
}
#maincontent .searchBox .searchitem .searchTit{
width: 85px;
display: table-cell;
vertical-align: middle;
}
#maincontent .searchBox .searchitem .selectbox{
display: table-cell;
vertical-align: middle;
}
#maincontent .searchBox .searchitem 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 .searchitem input[type="text"]{
outline: none;
width: 100%;
padding: 2.5%;
height: 38px;
border: 1px solid #c3c3c3;
}
#maincontent .searchBox .searchitem input.datepicker{
  font-size: 16px;
  outline: none;
  width: 100%;
  padding: 8px;
  height: 38px;
  border: 1px solid #c3c3c3;
  background: #ffffff url(../image/icon_calendar.png) no-repeat;
  background-position: right 6px center;
  cursor: pointer;
}

/*2カラム*/
#maincontent .searchBox .col2{
  display: flex;
  justify-content: space-between;
}
#maincontent .searchBox .col2 .searchitem{
  width: 49.5%;
  flex:1;
}

/*年月日*/
#maincontent .searchBox .searchitem .selectbox::after{
  content:'';
  display: block;
  clear: both;
}
#maincontent .searchBox .searchitem .selectbox .calendar01{
  width:40%;
  float:left;
}
#maincontent .searchBox .searchitem .selectbox .calendar02,
#maincontent .searchBox .searchitem .selectbox .calendar03{
  width:30%;
  float:left;
}
#maincontent .searchBox .searchitem .selectbox .calendar01 select,
#maincontent .searchBox .searchitem .selectbox .calendar02 select,
#maincontent .searchBox .searchitem .selectbox .calendar03 select{
  width:75%;
  margin-right:5px;
}

/*日付未定設定*/
.search_noday{
  text-align: right;
  margin:5px 0 10px;
}
.nodaylabel input{display: none;}
.nodaylabel {
  line-height: 20px;
  text-align: right;
  display: block;
}
.nodaylabel span{
  display: inline-block;
  padding-left:30px;
  position: relative;
  cursor: pointer;
}
.nodaylabel span::before{
  content: attr(data-item);
  position: absolute;
  display: block;
  margin-top: -17px;
  width: 6px;
  height: 11px;
  border-right: 3px solid #1d7a16;
  border-bottom: 3px solid #1d7a16;
  opacity: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  right: 74px;
  -webkit-transition: .2s;
  transition: .2s;
  z-index: 2;
  top: 18px;
  left:6px;
}
.nodaylabel span::after {
  content: "";
  width: 20px;
  height: 20px;
  border: 1px solid #ccc;
  border-radius: 2px;
  background: #fff;
  position: absolute;
  left: 0;
}
.nodaylabel input[type=checkbox]:checked + span::before {
  opacity: 1;
}
.nodaylabel .datepicker:disabled {
  color: #d8d8d8;
}