@charset "utf-8";

#wrap {
    font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	color: #333;
	font-size: 14px;
	line-height: 1.5em;
}
#wrap .nosp {
    display: none;
}
/*-----------------------------------------
共通
-----------------------------------------*/
#wrap img {
    width: 100%;
}
.breadcrumb {
	width: 100%;
	overflow-x: scroll;
}
/*-----------------------------------------
メインビジュアル
-----------------------------------------*/
#mv {
    width: 100%;
    height: 65vw;
    background-image: url("../images/main_bg_sp.jpg");
    background-repeat: no-repeat;
    background-position: top center;
    text-align: center;
    background-size: 100%;
}

#mv .title {
    width: 53vw;
    padding-top: 6vw;
    margin: 0 auto;
}

/*-----------------------------------------
ページナビ
-----------------------------------------*/
#pageNavi {
	width: 100%;
	background-color: #f8e758;
	/*background-color: #eee7ad;*/
	position: relative;
}
#pageNavi .inner {
	display: flex;
	flex-direction: column;
}
#pageNavi .navi-list {
	width: 100%;
	order: 2;
	height: 17vw;
	margin: 0 auto;
	display: flex;
    justify-content: space-between;
    padding: 1vw 0;
}
#pageNavi .navi-list li {
	width: 100%;
	text-align: center;
    border-left: solid 2px #FFF3DF;    
}
#pageNavi .navi-list li:first-of-type {
    border-left: none;
}
#pageNavi .navi-list li:last-of-type {
    border-right: none;
}
#pageNavi .navi-list li a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    color: #333;
    font-size: 3.4vw;
    font-weight: bold;
    text-decoration: none;
    line-height: 1.2em;
    position: relative;
    padding-top: 5vw;
}
#pageNavi .navi-list li a:before {
    position: absolute;
    top: 1vw;
    left: 0;
    right: 0;
    margin: auto;
    content: "";
    display: inline-block;
    width: 4.5vw;
    height: 4.5vw;
}
#pageNavi .navi-list li.about_nav a:before {background: url("../images/icon/info_icon.svg") center center / contain no-repeat;}
#pageNavi .navi-list li.spot_nav a:before {background: url("../images/icon/spot_icon.svg") center center / contain no-repeat;}
#pageNavi .navi-list li.gourmet_nav a:before {background: url("../images/icon/gourmet_icon.svg") center center / contain no-repeat;}
#pageNavi .navi-list li.tour_nav a:before {background: url("../images/icon/tour_icon.svg") center center / contain no-repeat;}

#pageNavi.fixed {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	box-shadow:0px 1px 2px 0px rgba(0,0,0,0.1);
}
#pageNavi.fixed li a:after {
	display: none;
	position: absolute;
	bottom: 0;
	content: "";
	width: 80%;
	height: 2px;
	margin: 0 auto;
	background-color: #fc930a;
}
#pageNavi.fixed li a.active:after {
	display: block;
}

/*-----------------------------------------
導入
-----------------------------------------*/
#introWrap {
    width: 100%;
    text-align: center;
    padding: 10vw 0 60vw;
    margin-bottom: 5vw;
    position: relative;
    background: url("../images/intro_photo_sp.png");
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 95%;
}
#introWrap .inner {
    width: 94%;
    margin: 0 auto;
}
#introWrap p {
    line-height: 1.6em;  
}
#introWrap .text01 {
    width: 80vw;
    margin: 0 auto 2vw;
}
#introWrap .text02 {
    font-weight: bold;
    font-size: 4.7vw;
	line-height: 1.6em;
    margin-bottom: 2vw;
}
#introWrap .text03 {
    font-size: 3.7vw;
	line-height: 1.5em;
    text-align: left;
}
#introWrap .cjulogo {
	display: flex;
	justify-content: center;
	margin-top: 3vw;
}
#introWrap .cjulogo img {
	width: auto;
	height: 12vw;
	margin: 0 1vw;
}
/*-----------------------------------------
スポット
-----------------------------------------*/
#spotWrap {
    background: url("../images/spot_bg.jpg");
}
#spotWrap .ttl_wrap, #gourmetWrap .ttl_wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
#spotWrap .ttl_wrap {
    background: url("../images/spot_ttl_bg_sp.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}
#spotWrap .inner {
    width: 94%;
    margin: 0 auto;
    padding: 5vw 0 15vw;
}

/* //// ↓マップ↓ //// */
#map {
    width: 100%;
    background: url(../images/map/map_sp.png) no-repeat top center;
    background-size: 100%;
}
#map .map_btn_list {
    position: relative;
    width: 100%;
    height: 110vw;
}
#map .map_btn_list .btn {
    position: absolute;
}
#map .map_btn_list .btn a {
    position: relative;
    background: #fff;
    line-height: 1;
    padding: .6vw 2vw 1vw;
    border-radius: 20px;
    display: block;
    filter: drop-shadow(2px 2px 1.2px rgba(88, 38, 18, 0.3));
}
#wrap #map .map_btn_list .btn img {
    position: relative;
    height: 3.3vw;
    width: auto;
}

#map .map_btn_list .sp_active a, #map .map_btn_list .btn.sp_activea, #map .map_btn_list .btn a:hover {
	background: #FFF10F;
}
#map .map_btn_list .btn.sp_active a::after, #map .map_btn_list .btn a:hover::after {
    border-top: 10px solid #FFF10F; 
}

/*ボタン位置*/
#map .map_btn_list .btn.map_spotAll {top: 400px; left: 790px;}
#map .map_btn_list .btn.map_spotA {top: 82vw;	right: 0;}
#map .map_btn_list .btn.map_spotB {top: 18vw;	right: 0;}
#map .map_btn_list .btn.map_spotC {top: 20vw;	left: 0;}
#map .map_btn_list .btn.map_spotD {top: 92vw;	left:30vw;}
#map .map_btn_list .btn.map_spotE {top: 34vw;	left: 7vw;}
#map .map_btn_list .btn.map_spotF {top: 102vw;	left: 10vw;}
#map .map_btn_list .btn.map_spotG {top: 27vw;	right: 5vw;}
/*#map .map_btn_list .btn.map_spotE {top: 62vw;	left: 14vw;}
#map .map_btn_list .btn.map_spotH {top: 70vw;	left: 0;} #map .map_btn_list .btn.map_spotH a::after {left: 7vw!important; right:auto!important;}
#map .map_btn_list .btn.map_spotJ {top: 43vw;	left: 7vw;}
#map .map_btn_list .btn.map_spotK {top: 48vw;	right: 30vw;}
#map .map_btn_list .btn.map_spotL {top: 36vw;	right: 27vw;}*/


/* //// ↓詳細ボックス↓ //// */
.conts_list {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
}
.conts_list>li {
    display: none;
}
.conts_list .sp_pickup{
    display: block;
}
.conts_list>li {
    width: 96%;
    margin: 0 auto;
    border-radius: 20px;
    overflow: hidden!important;
    background: #fff;
    padding: 5vw 5vw 4.5vw;
}

#wrap .conts_list .img img {
    height: 45vw;
    object-fit: cover;
    vertical-align: bottom;
}
#wrap .conts_list .img .spotImg-slider img {
    width: auto;
    height: 48vw;
}
.conts_list .text_box {
    padding: 4vw 0 0;
}
.conts_list .ttl {
    width: 80%;
    margin-bottom: 1.2vw;
}
.conts_list .detail {
	font-size: 3.4vw;
    line-height: 1.4em;
}
.conts_list .detail .note {
    font-size: 13px;
    display: block;
    line-height: 1.3em;
    margin-top: 5px;
    padding: 3px 5px;
    background: #eeeeee;
}

/*スライダー*/
.spotImg-slider .slick-dots li button, .spotImg-slider .slick-dots li {
    width: 18px;
    height: 18px;
}
.spotImg-slider .slick-dots li button:before{
    font-size: 12px!important;
    transform: scale(0.6);
}
#spotWrap .slick-dots {
    bottom: -20px;
}
#spotWrap .slick-dotted.slick-slider {
    margin-bottom: 6px;
}
#spotWrap .slick-dots li {
    margin: 0;
}
#spotWrap .slick-prev, #spotWrap .slick-next {
    width: 7vw;
    height: 7vw;
}
#spotWrap .slick-prev:before, #spotWrap .slick-next:before {
    font-size: 7vw;
    opacity: 1;
}
#spotWrap .slick-prev
{
    left: 5px;
    z-index: 1;
}
#spotWrap .slick-next
{
    right: 5px;
    z-index: 1;
}

/*-----------------------------------------
グルメ
-----------------------------------------*/
#gourmetWrap {
    background-color: #fc930a;
}
#gourmetWrap .ttl_wrap {
    background: url("../images/gourmet_ttl_bg_sp.jpg");
    background-repeat: no-repeat;
    background-position: top center;  
    background-size: cover;
}
#gourmetWrap .inner {
    padding: 10vw 0;
    text-align: center;
}
#gourmetWrap .catch {
    font-size: 4.2vw;
    margin-bottom: 10vw;
    color: #fff;
    font-weight: bold;
    line-height: 1.4em;
    display: inline-block;
    position: relative;
}
#gourmetWrap .catch::before, #gourmetWrap .catch::after {
    content: '';
    position: absolute;
    width: 7vw;
    height: 18vw;
    margin: 0 auto;
    bottom: 0;
    top: 0;
}
#gourmetWrap .catch::before {
    background: url(../images/line_left.png);
    background-repeat: no-repeat;
    background-size: 100%;
    left: -7vw;
}
#gourmetWrap .catch::after {
    background: url("../images/line_right.png");
    background-repeat: no-repeat;
    background-size: 100%;
    right: -7vw;
}
.gourmet_box_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.gourmet_box {
    width: 50%;
    margin-bottom: 8vw;
}
.gourmet_box .name, .gourmet_box .text {
    padding: 0 3.3vw;
    line-height: 1.4em;
}
.gourmet_box .name {
    font-size: 4.0vw;
    font-weight: bold;    
    color: #fffd61;
    padding-top: 3vw;
    padding-bottom: 1vw;
    line-height: 1.2em;
}
.gourmet_box .text {
    text-align: left;
    color: #fff;
    font-size: 3.5vw;
	line-height: 1.5em;
}

/*-----------------------------------------
おすすめツアー
-----------------------------------------*/
#tourWrap {
    padding: 7vw 0;
    background: #f8f6ed;   
}
#tourWrap .inner {
    width: 94%;
    margin: 0 auto;
}
#tourWrap h2 {
    margin: 0 auto 3vw;
    width: 64vw;
}
#tourWrap .tour_ttl_dep {
	font-size: 5.0vw;
	line-height: 1.0em;
	color: #fc930a;
	font-weight: bold;
	text-align: center;
	margin-bottom: 5vw;
}
#tourWrap .bnr {
    width: 94%;
    margin: 12vw auto 5vw;
}
#tourWrap .btn-more {
    width: 80vw;
    margin: 8vw auto 5vw;
	font-size: 3.8vw;
	text-align: center;
}
#tourWrap .btn-more a {
    color: #fff;
	display: block;
	text-decoration: none;
	padding: 3vw 0;
    background-color:#ff6200;
	border-radius: 6vw;
	position: relative;
}
#tourWrap .btn-more a:after {
    font-family: FontAwesome;
    content: "\f054";
	position: absolute;
	right: 3vw;
	top: 3vw;
}
/*-----------------------------------------
FIT
-----------------------------------------*/
#fitWrap {
    padding: 3vw 0 10vw;
    background: #f8f6ed;   
}
#fitWrap .inner {
    width: 94%;
    margin: 0 auto;
}
#fitWrap h2 {
	text-align: center;
	font-size: 5.0vw;
	line-height: 1.3em;
	color: #fc930a;
	font-weight: bold;
    margin-bottom: 5vw;
}
#fitWrap .btn-fit {
	width: 80vw;
	margin: 0 auto;
}
#fitWrap .btn-fit li {
	font-size: 3.8vw;
	text-align: center;
	margin-bottom: 5vw;
}
#fitWrap .btn-fit li a {
 	background-color: #ff6200;
	color: #fff;
	display: block;
	text-decoration: none;
	padding: 3vw 0;
	border-radius: 6vw;
	position: relative;
}
#fitWrap .btn-fit li a:after{
	font-family: FontAwesome;
	content: "\f054";
	position: absolute;
	right: 3vw;
	top: 3vw;
}

/*-----------------------------------------
検索ボックス iphone 14以上横向き調整
-----------------------------------------*/
@media screen and (min-width: 932px) and (orientation: landscape) {
	#searchArea{
		padding: 5vw 3vw;
	}
}
/*-----------------------------------------
おすすめバナー
-----------------------------------------*/
#bnrArea {
	padding: 5vw 0 10vw;
}
#bnrArea .reco-bnr {
	width: 90vw;
	margin: 0 auto;
	background-color: #fff;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#bnrArea .reco-bnr li {
	width: 48%;
	margin-bottom: 3vw;
}
#bnrArea .reco-bnr li img {
	width: 100%;
}
#bnrArea .reco-bnr li a {
	display: block;
}
/*-----------------------------------------
発地切り替え　cookie
-----------------------------------------*/
#pageNavi .portal-navi {
	order: 1;
    width: 100%;
    background-color: #dbc829;
	text-align: center;
	position: relative;
}
#pageNavi .portal-navi .portal-navi__active {
	font-size: 4.0vw;
	font-weight: bold;
	padding: 2vw 0;
    display: block;
	width: 100%;
}
/*他地区があったら*/
#pageNavi .portal-navi:has(.portal-navi__list) .portal-navi__active:after {
	position: absolute;
	top: 2vw;
	right: 4vw;
	font-family: FontAwesome;
    content: "\f107";
	font-size: 1.3em;
}
/*-----------*/
#pageNavi .portal-navi .portal-navi__list{
    display: none;
    width: 100%;
    position: absolute;
    left: 0;
	top: 9vw;
    background: #f5f5dd;
    font-size: 4.0vw;
	z-index: 100;
}
#pageNavi .portal-navi .portal-navi__list a {
	display: block;
	color: inherit;
	text-decoration: none;
    padding: 2.5vw 0;
	position: relative;
}
/*#pageNavi .portal-navi .portal-navi__list a.select:before {
	font-family: FontAwesome;
	content: "\f00c";
	position: absolute;
	left: 34vw;
	top: 3vw;
}*/
#pageNavi.fixed .portal-navi {
	display: none;
}

/*発地切り替えドライブ管理後*/
#pageNavi .portal-navi .portal-navi__list .is-active a:before {
	font-family: FontAwesome;
	content: "\f00c";
	position: absolute;
	left: 34vw;
	top: 3vw;
}