@charset "UTF-8";
/*▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽*/
/*************************************/
/*theme*/
/*このLPでのみ使用しているものをここにまとめています
色や背景の設定も全てここで変更してください*/
/*************************************/
#page-top {
  z-index: 99;
}
#page-top p {
  background-color: #FFF;
}
#move-page-top {
  color: #423a57;
  border: #423a57 1px solid;
}
#move-page-top:hover {
  color: #423a57;
  border: #423a57 1px solid;
}
a:hover img {
  opacity: 1;
}

.pure-u-lg-1-2, .pure-u-lg-1-1 {
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif !important;
}
.font_08{
  font-size: 0.8em;
}
.font_07{
  font-size: 0.7em;
}
/* header内設置要素 ///////////////////////*/
.l_page-header{
	z-index:-9999;
	/*background:url(../img/top01.jpg) no-repeat 50% 100%;
  background-size:200%;*/
  margin: 0 !important;
	}

.l_page-header .l_inner{
  padding: 0;
	}
.l_page-header .l_inner .m_topicPath ul li{
	color:#FFF;
	}
.l_page-header .l_inner .m_topicPath ul li a{
	color:#FFF;
	}
.l_page-header .l_inner .m_topicPath ul li a:hover{
	text-decoration:underline;
	}

.l_page-header .l_inner .m_area-title {
	width:100%;
  margin: 0 auto;
  z-index: 100;
}
.l_page-header .l_inner .m_title-heading{
  color: #FFF;
  width: 100%;
  text-align: center;
	}
.l_page-header .l_inner .m_title-heading p{
	font-size:1.4em;
  line-height: 1.5;
	font-family:"ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  padding: 0.5em;
  margin-bottom: 0.5em;
  border-top: 1px solid #FFF;
  border-bottom: 1px solid #FFF;
	}
.l_page-header .l_inner .m_title-heading p span{
	font-size:1.4em;
  line-height: 1.5;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  margin-bottom: 0.3em;
  border-top: 1px solid #FFF;
  border-bottom: 1px solid #FFF;
	}
.l_page-header .l_inner .m_title-heading h1{
  font-size:2em;
  margin-bottom: 5px;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	}
.l_page-header .l_inner .m_title-heading h1 span{
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
	}
.l_page-header .l_inner .m_title-heading p.top_english{
	font-size:1.3em;
  line-height: 1;
  padding: 5px 0 0 0;
  font-family: 'Libre Baskerville', serif;
  margin-bottom: 0;
  border: none;
	}

/* mainContent///////////////////////*/
.l_area-mainContent {
	clear:both;
  padding: 0;
}
.body-c
.body-contents {
  position: relative;
  margin-top: 2%;
}
.section_contents{
	margin:1% auto 4% auto;
	}
.ttl_mark{
	max-width:30px;
	max-height:32px;
	margin:0 2% 0 0;
	}

/* middle_area ///////////////////////*/
#middle-area a {
  text-decoration: none;
}
#middle-area a:hover {
  text-decoration: none;
}
#middle-area a:active {
  text-decoration: none;
}
#middle-area a:focus {
  text-decoration: none;
}
#middle-area .l_page-content{
	width:100%;
	margin:0 auto 3% auto;
	overflow:hidden;
	}

#middle-area .pc_nav_menu{
	display: none;
}
#middle-area h3{
	text-align: center;
}

/*/////　見出し　/////*/
#middle-area .title-slash li{
	display: inline-block;
}
#middle-area .title-slash{
	margin-top: 40px;
	margin-bottom: 30px;
	text-align: center
}
#middle-area h2{
	color: #917e65;
}

/*/////　about　/////*/
#middle-area .about{
	margin-left: 3%;
	margin-right: 3%;
}
#middle-area .about p{
	font-size: 1.1em;
}
#middle-area .about-space{
	margin-top: 5px;
	margin-bottom: 5px;
}
#middle-area .about span{
	font-weight: bold;
}

/*/////　担当者おすすめツアー　/////*/
#middle-area .osusume-flex .flex-small{
	display: flex;
	width: 100%;
}
.flex-01 { flex: 1.2;}
.flex-02 { flex: 2;}

#middle-area .osusume-flex .osusume-solid{
	border: solid 1px #423a57;
	margin-bottom: -1px;
}
#middle-area .osusume-flex .flex-01{
	padding: 3px;
}
#middle-area .osusume-flex .flex-02{
	position: relative;
	padding-left: 5px;
	padding-right:5px;
}
#middle-area .osusume-flex .osusume-i-01{
	position: absolute;
	left: 90%;
	bottom:0px;
	color:#423a57; 
}
#middle-area .osusume-flex .osusume-i-02{
	position: absolute;
	left: 90%;
	bottom:0px;
	color:#423a57; 
}
#middle-area .osusume-flex .osusume-i-03{
	position: absolute;
	left: 90%;
	bottom: 0px;
	color:#423a57; 
}
#middle-area .osusume-flex .bk{
	color: #000;
	font-size: 1.1em;
	margin-top: 5px;
	margin-bottom: 7px;
}
#middle-area .osusume-flex .gr{
	color: #4c4c4c;
	font-size: 0.9em;
}



/*/////　ツアーを探す　/////*/
#middle-area .bg-search h3{
	background: #829ac8;
	color: #FFF;
	border-radius: 30px;
	padding-top: 5px;
	padding-bottom: 5px;
}
#middle-area .bg-search .btn-center ul{
	display: flex;
	width: 100%;
	margin-left: 4%;
}
#middle-area .bg-search .btn-center li{
	width: 45%;
	box-sizing: border-box;
	margin-right:10px;
}
#middle-area .bg-search .btn-center li:last-child{
	margin-right:0; 
}
#middle-area .bg-search .search-flex{
	width: 85%;
	margin: auto;
}

#middle-area .btn-center a{
	display: block;
	background: #FFF;
	font-size: 1.5em;
	border-radius: 5px;
	padding-top: 7px;
	padding-bottom: 7px;
	text-align: center;
	color: #707276;
	font-weight: bold;
}
#middle-area .btn-purple a{
    border:solid 4px #9a7fb8;
}
#middle-area .btn-green a{
    border:solid 4px #77c2b9;
}

/*グレーアウト*/
#middle-area .btn-gray p, #middle-area .bg-other .btn-gray {
	display: block;
	font-size: 1.5em;
	border-radius: 5px;
	padding-top: 7px;
	padding-bottom: 7px;
	text-align: center;
	color:#A2A1A1;
	font-weight: bold;
    background: #E1E1E1;
	border:solid 4px #A2A1A1;
}
#middle-area .bg-other .btn-gray {
    width: 80%;
    margin: auto;
}

#middle-area .btn-center{
	margin-top: 10px;
	margin-bottom: 25px;
}
#middle-area .btn-last{
	margin-bottom: 0px;
}
#middle-area .bg-search{
	background: #F0F0F0;
	padding-top:40px;
	padding-bottom: 40px;
}

/*/////　地図から探す　/////*/
.contents-map {
  background-color: #fff;
  position: relative;
  margin-right: 4%;
  margin-left: 4%;
}
.contents-map #body-map {
  width: 100%;
  height: 640px;
  border: #cccccc 10px solid;
}
.contents-map #body-map .inner-info {
  width: 100%;
  padding: 0.5em 0 0.5em 0.5em;
}
l_page-content .mainContent .contents-map #body-map .inner-info .m_area-title {
    display: block;
    margin-bottom: 0.5em;
  }
.l_page-content .mainContent .contents-map #body-map .inner-info .m_area-title .title-heading, .l_page-content .mainContent .contents-map #body-map .inner-info .m_area-title .name-area {
    display: block;
  }

.l_page-content .mainContent .contents-map #body-map .inner-info .m_area-title .name-category {
    display: none;
  }
l_page-content .mainContent .contents-map #body-map .inner-info .m_area-title p {
    margin-left: 0;
    float: none;
    font-size: 0.75em;
  }
  .l_page-content .mainContent .contents-map #body-map .inner-info .box-info {
    display: block;
    width: 100%;
  }
  .l_page-content .mainContent .contents-map #body-map .inner-info .box-info figure {
    display: block;
    width: 100%;
    padding-right: 0em;
  }
  .l_page-content .mainContent .contents-map #body-map .inner-info .box-info figure ul li > img {
    width: 100%;
  }
.l_page-content .mainContent .contents-map #body-map .inner-info .box-info {
    display: block;
    width: 100%;
  }
.l_page-content .mainContent .contents-map #body-map .inner-info .box-info figcaption {
    display: block;
    width: 100%;
    margin-top: 0.5em;
  }
.contents-map #body-map .inner-info .m_area-title .hotel-category {
	display: none;
}
.contents-map #body-map .inner-info .m_area-title .spot-category {
	display: none;
}
.contents-map #body-map .inner-info .m_area-title .event-category {
	display: none;
}
.contents-map #body-map .inner-info .m_area-title p.name-area {
    margin-left: 0.5em;
    color: #666;
    border: #666666 1px solid;
}
.contents-map #body-map .inner-info .m_area-title p {
    border-radius: 3px;
    padding: 0 0.5em;
    vertical-align: top;
    text-align: center;
	font-size: 0.75em;
}
.contents-map #body-map .inner-info .m_area-title {
    margin-bottom: 0.5em;
}
.contents-map #body-map .inner-info .box-info figure ul li {
    position: relative;
}
.contents-map #body-map .inner-info .box-info figure ul li > p {
    position: absolute;
    bottom: 0;
    padding: 0.25em;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    color: #fff;
}
.contents-map #body-map .inner-info .box-info figure .switchImage {
    display: table;
    width: 100%;
    margin-top: 0.1em;
}
.contents-map #body-map .inner-info .box-info figure {
    font-size: 0.75em;
}
.contents-map #body-map .inner-info .box-info figure .switchImage li {
    display: table-cell;
    width: 40%;
    padding: 0.25em;
    border: 1px white solid;
    text-align: center;
    background-color: #d6cdbf;
}
.contents-map #body-map .inner-info .box-info figure .switchImage li a {
    width: 100%;
    font-size: 0.85em;
    border-radius: 0;
    text-decoration: none;
    display: block;
    color: #666;
}
.contents-map #body-map .inner-info .box-info figure .switchImage .uk-active {
    position: relative;
    background: #c7af87;
    color: #fff;
}  
.contents-map #body-map .inner-info .box-info figure .switchImage .uk-active:after {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(199, 175, 135, 0);
  border-bottom-color: #c7af87;
  border-width: 0.5em;
  margin-left: -0.5em;
}
.contents-map #body-map .inner-info .box-info figure .switchImage .uk-active > a {
  color: #fff;
}
.contents-map #body-map .inner-info .box-info figcaption {
  display: table-cell;
  width: 60%;
  vertical-align: top;
}
.contents-map #body-map .inner-info .box-info figcaption .spot-caption, .contents-map #body-map .inner-info .box-info figcaption .hotel-caption {
  width: 100%;
}
.contents-map #body-map .inner-info .box-info figcaption .hotel-caption {
    margin-top: 0.5em;
	margin-bottom: 0.5em;
}
.contents-map #body-map .inner-info .box-info figcaption .hotel-caption tr th, .contents-map #body-map .inner-info .box-info figcaption .hotel-caption tr td {
    font-size: 0.85em;
    border: white 1px solid;
    padding: 0.25em 0.5em;
}
.contents-map #body-map .inner-info .box-info figcaption .hotel-caption tr th {
    background: #f5f0e7;
    width: 25%;
}
.contents-map #body-map .inner-info .box-info figcaption .hotel-caption tr th > span {
    font-size: 0.8em;
}
.contents-map #body-map .inner-info .box-info figcaption .hotel-caption tr td {
    border-top: #f5f0e7 1px solid;
    border-bottom: #f5f0e7 1px solid;
}
.contents-map #body-map .inner-info .box-info figcaption .hotel-caption tr td > span {
    font-size: 0.8em;
    display: inline-block;
    background-color: #c7af87;
    padding: 0 0.25em;
    margin: 0 0.25em;
    color: #fff;
    border-radius: 5px;
}
.contents-map #body-map .inner-info .box-info figcaption .hotel-caption tr .td-first-child {
	border-top: none;
}
.contents-map #body-map .inner-info .box-info figcaption .hotel-caption tr .td-last-child {
	border-bottom: none;
}
.contents-map #body-map .inner-info .box-info figcaption .tour-btn {
	width: 100%;
	margin: 0 auto;
}
.contents-map #body-map .inner-info .box-info figcaption .tour-btn li {
	padding: 0.5em 0.25em;
	margin: auto;
}
.contents-map #body-map .inner-info .box-info figcaption .tour-btn li > a {
	display: block;
	border-radius: 5px;
	color: #fff;
	padding: 0 0.7em;
	font-size: 16px;
	line-height: 40px;
	background-color: #00a8e6;
}
.l_page-content .mainContent .contents-map #body-map .inner-info .box-info figcaption .tour-btn {
    width: 90%;
  }
  
/****Googleマップ 情報ウィンドウ*****/
    .gm-style-iw {
      width: 210px !important;
      }

#map-search .map-text{
	margin-left: 7%;
	margin-right: 7%;
	margin-bottom: 5px;
}
#map-search .map-text p{
	font-size: 1.1em;
}


/*/////　観光・イベント　/////*/
#middle-area .modal-flex ul{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
#middle-area .modal-flex li{
	width: 50%;
	box-sizing: border-box;
}
#middle-area .modal-flex img{
	height: 140px;
	object-fit: cover;
}
#middle-area .modal-box{
	position: relative;
}
#middle-area .modal-box p{
	position:absolute;
	color: #FFF;
	text-shadow:1px 1px 0 #000, -1px -1px 0 #000,
		        -1px 1px 0 #000, 1px -1px 0 #000,
		        0px 1px 0 #000,  0-1px 0 #000,
		        -1px 0 0 #000, 1px 0 0 #000;
	font-size: 1.1em;
}
#middle-area .modal-box .modal-abs-01{
	text-align: center;
	left: 18%;
	bottom: 28%;
}
#middle-area .modal-box .modal-abs-02{
	left: 40%;
	bottom: 35%;
}
#middle-area .modal-box .modal-abs-03{
	left: 35%;
	bottom: 35%;
}
#middle-area .modal-box .modal-abs-04{
	left: 17%;
	bottom: 35%;
}
#middle-area .modal-box .modal-abs-05{
	left: 23%;
	bottom: 35%;
}
#middle-area .modal-box .modal-abs-06{
	left: 11%;
	bottom: 35%;
}

.modal-box span{
	position: absolute;
	color: #FFF;
	right: 0;
	bottom: 0;
}
.modal-photo{
	position: relative;	
}
.modal-photo .modal_caption{
	position: absolute;
	bottom: 0px;
	right: 0px;
	color: #FFF;
	text-shadow: 0px 0px 2px #333;
	font-size:0.9em;
}
.uk-modal-dialog{
	padding: 25px 25px;
}
.uk-modal-close-default{
right: 2px;	
}
.uk-modal-dialog h4{
	font-size:1.2em;
	margin-top: 5px;
	margin-bottom: 5px;
}

/*/////　グルメ情報　/////*/
.slide-flex .card-space{
	width: 65%;
	margin-left: 10px;
}
.uk-card-body{
	padding: 10px 10px;
	height: 150px;
}
.uk-card-body h4{
	font-size:1.2em;
	margin-bottom: 5px;
	text-align: center;
}
.uk-card-media-top{
position: relative;	
}
.uk-card-media-top p{
	position: absolute;
	bottom: 0px;
	right: 0px;
	color: #FFF;
	text-shadow:1px 1px 0 #000, -1px -1px 0 #000,
		        -1px 1px 0 #000, 1px -1px 0 #000,
		        0px 1px 0 #000,  0-1px 0 #000,
		        -1px 0 0 #000, 1px 0 0 #000;
	font-size:0.8em;
}
.uk-card-body p{
	margin-left:7px;
}
.uk-position-center-left,.uk-position-center-right{
  display: block;
  background: #f8587a;
  border-radius: 500px; 
}
.uk-position-center-left svg,
.uk-position-center-right svg {
    color: #FFF; 
}

/*/////　その他のツアー　/////*/
#other-tour .bg-other a{
	display: block;
}
#middle-area .bg-other li{
	background:  #F0F0F0;
	padding-bottom: 30px;
}
#middle-area .bg-other h3{
	background: #829ac8;
	color: #FFF;
	padding-top: 5px;
	padding-bottom: 5px;
}
#middle-area .bg-other .other-text{
	width: 90%; 
	margin: auto;
	margin-top: 5px;
}
#middle-area .bg-other a{
	display: block;
	background: #FFF;
    border:solid 5px #9a7fb8;
	border-radius: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	color: #707276;
	width: 80%;
	margin: auto;
	font-size: 1.5em;
	font-weight: bold;
	}
#middle-area .bg-other .other-btn01{
	margin-top: 20px;
	margin-bottom: 10px;
}
#middle-area .bg-other .other-btn02{
	margin-top: 20px;
	margin-bottom: 10px;
}
#middle-area .bg-other .other-btn03{
	margin-top: 20px;
	margin-bottom: 10px;
}
#middle-area .bg-other .other-photo{
	position: relative;
}
#middle-area .bg-other .other-abs{
	position: absolute;
	color: #FFF;
    left: 2%;
	bottom: 1%;
}

.text-right{
	text-align: right;
	margin-bottom: 50px;
}


/*/////　Menu　/////*/
.nav_menu{
  position: fixed;
  top: 0;
  right: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.nav_menu .menu_button{
  background-color: #FFF;
  padding: 20px;
  height: 50px;
}
.nav_menu span{
	display: block;
}
.nav_menu .btn-small{
	font-size: 0.8em;
	margin-top:-13px;
}
.uk-dropdown{
  margin-top: 0;
  min-width: 220px;
  z-index: 5000;
  line-height: 1.5;
}
.uk-dropdown h3{
  margin-left:10%;; 
  margin-bottom: 10px;
}
.uk-dropdown h3 a{
  font-size: 0.9em;
  color: #111;
}
.uk-dropdown-nav>li>a {
    color: #444;
}
.uk-dropdown ul li {
  font-size: 1.1em;
  position:relative;
  padding: 0em 0.3em 0em 1.3em;
}
.uk-dropdown-nav{
	margin-left: 5px;
}




.uk-grid-small {
    margin-left: -10px;
}
.uk-grid-small>* {
    padding-left: 10px;
}
*+.uk-grid-margin-small, .uk-grid+.uk-grid-small, .uk-grid-small>.uk-grid-margin {
    margin-top: 10px;
}


/* footer内設置要素 ///////////////////////*/
.cation{
  clear: both;
  margin: 2% 10px 0;
  color: #000;
}
.l_page-footer {
  background-color: #fff;
}
.global_form_find01{
  height: 14em;
}
.global_dl_call01 dd{
  height: 14em;
}
.m-relationLink ul.uk-flex{
  margin: 0;
}
*+.uk-grid-margin, .uk-grid+.uk-grid, .uk-grid>.uk-grid-margin {
    margin-top: 0 !important;
}

/*△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△*/
/******************************************************************************************/
/******************************************************************************************/
/*Media Queries****************************************************************************/
/******************************************************************************************/
/******************************************************************************************/
/* < iPad  */
@media screen and (min-width: 35.5em) {
  /*▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽*/
/* header内設置要素 ///////////////////////*/
  .l_page-header .l_inner .m_area-title{
    padding-top: 0;
  	}
.l_page-header .l_inner .m_title-heading{
    padding-top: 0;
    width: 100%;
    left: 0;
    right: 0;
    margin: auto;
  	}
.l_page-header .l_inner .m_title-heading p.ttl_top{
    margin-top: 1.2em;
  	font-size:1.6em;
    padding: 0.5em;
    border-top: none;
	}
.l_page-header .l_inner .m_title-heading h1{
	padding: 0;
	}
.title-heading:before, .title-heading:after{
    width: 30%;
    }
.title-heading2:before, .title-heading2:after{
    width: 40%;
    }
 
 .title-heading span{ /* h2 */
    top: 20px;
  	}

/*/////　ナビメニュー　/////*/
#middle-area  .pc_nav_menu{
	display: block;
	margin: 30px 0;
	}
#middle-area  .flex-menu{
	display: flex;
	flex-wrap: wrap;
	width: 90%;
	margin: auto;
	}
#middle-area  .flex-menu li{
	width: 25%;
	text-align: center;
	border-top:solid 2px #829ac8;
	border-bottom: solid 2px #829ac8;
	margin-bottom: -2px;
	padding-top: 5px;
	padding-bottom: 5px;
	box-sizing: border-box;
	}
#middle-area  .pc_nav_menu a{
	display: block;
	color: #829ac8;
	}
#middle-area  .pc_nav_menu i{
	margin-left: 5px;
	}

/*/////　見出し　/////*/
#middle-area .title01{
	margin-left:10px; 
	}

	
/*/////　担当者おすすめツアー　/////*/
#middle-area .osusume-flex .flex-small{
	display: block;
	}	
#middle-area .osusume-flex .flex-large{
	display: flex;
	width: 100%;
    justify-content: center;
	}
#middle-area .osusume-flex .osusume-solid{
	width: 33%;
	margin-right: 15px;
	}
#middle-area .osusume-flex .osusume-solid:last-child{
	margin-right:0px;
	}
#middle-area .osusume-flex img{
	width: 140px;
	height: 90px;
	object-fit: cover;
	}
#middle-area .osusume-flex .flex-01{
	padding: 0px;
	margin-top: 15px;
	margin-bottom: 15px;
	text-align: center;
	}
#middle-area .osusume-flex .flex-02{
	position: relative;
	padding-left: 15px;
	padding-right:15px;
}	
#middle-area .osusume-flex .osusume-solid{
	height: 230px;
	}
#middle-area .osusume-flex .osusume-i-01{
	bottom:-15px; 
}
#middle-area .osusume-flex .osusume-i-02{
	bottom:-15px;
}
#middle-area .osusume-flex .osusume-i-03{
	bottom: -15px;
}
	
/*/////　ツアーを探す　/////*/	
#middle-area .bg-search .search-flex{
	display: flex;
	width:100%;
	flex-wrap:wrap;
	margin-left: 2.5%;
	}
#middle-area .bg-search .search-space{
	width: 30%;
	margin-right: 20px;
	box-sizing: border-box;
	}
#middle-area .bg-search .search-space:nth-child(3n){
	margin-right: 0px;
	}
#middle-area .bg-search .btn-center{
	margin-top: 10px;
	margin-bottom: 40px;
}
#middle-area .bg-search{
	padding-bottom: 0px;
}	

	
/*/////　地図から探す　/////*/
.contents-map #body-map .inner-info .m_area-title .hotel-category {
		display: block;
	}
.contents-map #body-map .inner-info .m_area-title .spot-category {
		display: block;
	}
.contents-map #body-map .inner-info .m_area-title .event-category {
		display: block;
	}
.contents-map #body-map .inner-info .m_area-title p.name-category {
		float: left;
		margin-right: 0.5em;
	    font-size: 1em;
		}
.contents-map #body-map .inner-info .m_area-title .hotel-category {
		color: #DD5E00;
		border: #dd5e00 1px solid;
	}
.contents-map #body-map .inner-info .m_area-title .spot-category {
		color: #18a700;
		border: #18a700 1px solid;
	}
.contents-map #body-map .inner-info .m_area-title .event-category {
		color: #F8537D;
		border: #f8537d 1px solid;
	}
.contents-map #body-map .inner-info .m_area-title .title-heading, .contents-map #body-map .inner-info .m_area-title .name-area {
	display: inline-block;
	}
.contents-map #body-map .inner-info .m_area-title p {
	float: right;
	border-radius: 3px;
	padding: 0 0.5em;
	vertical-align: top;
	text-align: center;
	}
.contents-map #body-map .inner-info .m_area-title p.name-area {
	margin-left: 0.5em;
	color: #666;
	border: #666666 1px solid;
	}
.contents-map #body-map .inner-info .box-info {
	display: table;
	width: 100%;
	}
.contents-map #body-map .inner-info .box-info figure {
	display: table-cell;
	width: 40%;
	padding-right: 1em;
	font-size: 0.75em;
}
.contents-map #body-map .inner-info .box-info figcaption .tour-btn li {
	margin: 0;
}
.contents-map #body-map .inner-info .box-info figcaption .tour-btn li > a {
	font-size: 15px;
	line-height: 40px;
	background-color: #00a8e6;
	
}	
.contents-map #body-map .tour-btn {
	display: flex;
	width:100%;
	}	
.contents-map #body-map .tour-btn li{
	width:50%;
	}		
.contents-map #body-map .inner-info .box-info figcaption .hotel-caption {
  margin-top: 0em;
	/*margin-bottom: 0.5em;*/
}
.contents-map #body-map .inner-info .m_area-title p.name-area {
	font-size:1em;
}
.contents-map #body-map h5{
		font-size: 1.25em;
	}	

/****Googleマップ 情報ウィンドウ*****/
  .gm-style-iw {
   width: 500px !important;
	}	
	
#map-search .map-text{
	margin-left: 5%;
	margin-right: 5%;
	}
	
	
/*/////　観光・イベント　/////*/
#middle-area .modal-flex img{
	height: 130px;
	object-fit: cover;
}
.uk-modal-dialog{
	font-size: 1.1em;
	}	
#middle-area .modal-flex li{
	width: 25%;
	border-right: solid 5px #FFF;
	}
#middle-area .modal-flex li:last-child{
	border-right: 0px;
	}
　#middle-area .modal-box .modal-abs-01{
	text-align: center;
	left: 0%;
	bottom: 30%;
}
#middle-area .modal-box .modal-abs-02{
	left: 40%;
	bottom: 40%;
}
#middle-area .modal-box .modal-abs-03{
	left: 35%;
	bottom: 40%;
}
#middle-area .modal-box .modal-abs-04{
	left: 17%;
	bottom: 35%;
}
#middle-area .modal-box .modal-abs-05{
	left: 23%;
	bottom: 35%;
}
#middle-area .modal-box .modal-abs-06{
	left: 13%;
	bottom: 35%;
}
	
/*/////　グルメ情報　/////*/
.uk-card-body{
	height: 150px;
}

.slide-flex .card-space{
	width: 45%;
	padding-left: 25px;
	margin-left: 0;
}
.slide-flex{
	width: 90%;
	margin: auto;
	}	
.uk-card-body p{
	margin-left:10px;
}	
/*/////　その他のツアー　/////*/
#middle-area .bg-other ul{
	display: flex;
	width: 100%;
	}
#middle-area .bg-other li{
	width: 33%;
	margin-right: 15px;
	padding-bottom: 20px;
	}	
#middle-area .bg-other li:last-child{
	margin-right: 0px;	
	}
#middle-area .bg-other .img-width{
	width: 90%;
	margin: auto;
	margin-top: 20px;
	}
#middle-area .bg-other .other-btn01{
	margin-top: 5px;
	margin-bottom: 20px;
}
#middle-area .bg-other .other-btn02{
	margin-top: 25px;
	margin-bottom: 20px;
}
#middle-area .bg-other .other-btn03{
	margin-top: 25px;
}
#middle-area .bg-other .other-abs{
    left:6%;
}	

	
  /* ///////////////////////*/
  /*△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△*/
}
	
/* < 　PC用 */
@media screen and (min-width: 64em) {
.l_page-header .l_inner .m_title-heading p.ttl_top{
	font-size:1.8em;
}
.l_page-header .l_inner .m_title-heading h1{
	margin-bottom: 15px;
}

.l_page-header .viewer img{
	object-fit: cover;
	}	
	
#middle-area .about p{
	font-size: 1.2em;
}
	
/*/////　ナビメニュー　/////*/
#middle-area  .flex-menu li:hover{
	background: #edf3fd;
	}
#middle-area  .flex-menu li:hover:last-child{
	background: none;
	}
#middle-area  .pc_nav_menu a{
	color: #829ac8;
	font-size:1.15em;
	padding: 5px 0;
	font-weight: bold;
	}
	
/*/////　見出し　/////*/
#middle-area .title-slash{
	margin-top:80px;
	margin-bottom: 50px;
}
#middle-area  .title-slash h2{
	font-size: 1.8em;
	}


/*/////　担当者おすすめツアー　/////*/
#middle-area .osusume-flex .osusume-solid{
	width: 33%;
	margin-right: 30px;
	}	
middle-area .osusume-flex .osusume-solid:last-child{
	margin-right: 0px;
	}
#middle-area .osusume-flex .osusume-solid{
	height: 270px;
	border: solid 1.25px #423a57;
	}
#middle-area .osusume-flex .osusume-solid:hover{
	background: #f7efff;
	}
middle-area .osusume-flex .flex-01{
	padding: 0px;
	margin-top: 15px;
	margin-bottom: 15px;
	text-align: center;
	}
#middle-area .osusume-flex .flex-02{
	padding-left: 30px;
	padding-right:30px;
}
#middle-area .osusume-flex .bk{
	font-size: 1.2em;
}
#middle-area .osusume-flex .gr{
	font-size: 1em;
}
#middle-area .osusume-flex .text-down{
	margin-top:30px;	
	}
#middle-area .osusume-flex img{
	width: 170px;
	height: 120px;
	object-fit: cover;
	}
#middle-area .osusume-flex i{
	font-size: 1.2em;
	}
	
/*/////　ツアーを探す　/////*/
#middle-area .bg-search{
	padding-top:50px;
	padding-bottom:20px;
}
#middle-area .bg-search .search-space{
	margin-right: 30px;
	}
#middle-area .bg-search .search-space:nth-child(3n){
	margin-right: 0px;
	}
#middle-area .bg-search .btn-purple a:hover{
    background: #f7efff;
}
#middle-area .bg-search .btn-green a:hover{
    background: #f4fffe;
}	
	
/*/////　観光・イベント　/////*/
#middle-area .modal-flex img{
	height: 180px;
	object-fit: cover;
}
#middle-area .modal-box p{
	font-size: 1.2em;	
	}
#middle-area .modal-box .modal-abs-01{
	left: 27%;
	bottom: 28%;
}
#middle-area .modal-box .modal-abs-02{
	left: 43%;
	bottom: 35%;
}
#middle-area .modal-box .modal-abs-03{
	left: 40%;
	bottom: 35%;
}
#middle-area .modal-box .modal-abs-04{
	left: 27%;
	bottom: 35%;
}
#middle-area .modal-box .modal-abs-05{
	left: 28%;
	bottom: 35%;
}
#middle-area .modal-box .modal-abs-06{
	left: 23%;
	bottom: 35%;
}
#middle-area .modal-flex .modal-box:hover{
	opacity: 0.8;
}


/*/////　グルメ情報　/////*/
.slide-flex .card-space{
	width: 40%;
}	
.uk-card-body{
	height: 150px;
}
.uk-card-body p{
	margin-left: 7px;
	font-size: 1.1em;
}
.slide-flex{
	width: 100%;
	}
.uk-card-media-top p{
	font-size:0.9em;
}
	
/*/////　その他のツアー　/////*/
#middle-area .bg-other li{
	margin-right: 20px;
	}	
#middle-area .bg-other .other-btn01{
	margin-top: 25px;
	}
#middle-area .bg-other .other-btn02{
	margin-top: 25px;
	}
#middle-area .bg-other .other-btn03{
	margin-top: 45px;
	}
#middle-area .bg-other a:hover{
    background: #f7efff;
	}
#middle-area .other-text{
		font-size: 1.1em;
	}
#middle-area .bg-other a{
    border:solid 4px #9a7fb8;
	}	
	
/*/////　Menu　/////*/
.nav_menu .menu_button{
  background-color: #FFF;
  padding: 15px;
  height: 60px;
}
.nav_menu .btn-small{
	font-size: 1em;
	margin-top:-10px;
}
.uk-dropdown a:hover {
  text-decoration: none;
  color:#7C7C7C;
}	
.uk-dropdown-nav li a:hover {
  color:#7C7C7C;
}		
  /*▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽*/
  /*△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△*/
}
/******************************************************************************************/
/******************************************************************************************/
/******************************************************************************************/
/******************************************************************************************/
  
  

/*.uk-slidenav-position .uk-slidenav-previous {
  left: 15px;
}
.uk-slidenav-position .uk-slidenav-next {
  right: 15px;
}*/