@charset "utf-8";
/* CSS Document */

/*html {
  scroll-behavior: smooth;
}*/
#container{
    /*	background-color: #eefbf5;*/
	/*font-family: 'メイリオ', 'Meiryo', 'Helvetica', 'ヒラギノ角ゴシック ProN', 'Arial', 'ＭＳ Ｐゴシック';	*/
	font-family: 'Noto Sans JP', sans-serif;
    width: 100%;
    margin: 0;
	font-size: 14px;
	color: #444444;
	line-height: 1.7;	
}

* { box-sizing: border-box; }
#container a{
	text-decoration: none;
}
#container a:hover{
	opacity: .7;
}

.w1000{
	width: 1000px;
	margin: 0 auto;
}

.pc{display: block;}
.sp{display: none;}

ul {
  list-style: none;
}
th{font-family: 'メイリオ', 'Meiryo', 'Helvetica', 'ヒラギノ角ゴシック ProN', 'Arial', 'ＭＳ Ｐゴシック';	}
/*-- 画像位置 --*/
#container img {
    margin: 0;
    padding: 0;
    vertical-align: bottom;
	max-width: 100%;
}
/*-- flex --*/
.flex_box {
  	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
/*	align-items: flex-end;*/
}
/*-- font --*/
.sans,h2,h3{font-family: 'Noto Sans JP', sans-serif;}/*400;500*/
.serif{font-family: 'Noto Serif JP', serif;}/*500;700*/

.kiwi{	font-family: 'Kiwi Maru', serif; font-size: 1.2em;}
.kos{	font-family: 'Kosugi Maru', sans-serif;}
.s-font{font-size: 0.9em;}

.img_attn{text-align: right; margin-right: 1em; font-size: 0.9em;}
/*--------------------page-top */
#page-top{
    position: fixed;
    z-index: 100;
    right: 20px;
    bottom: 20px;
}
#page-top a{
	font-size: 4em;
    color:  rgba(0,0,0,0.40);
}
#page-top a:hover{
    color: rgba(0,0,0,0.70);
}
/*--------------------パンくず */
#pankuzu{
	margin: 15px auto;
	width: 1000px;
	font-size: .85em;
}

#pankuzu ul{
    padding: 0 0 5px;
    _zoom: 1;
}
#pankuzu li{
    float: left;
    list-style: none;
}
#pankuzu li + li:before{
    margin: 0 8px;
    content: '>';
}

/*--------------------btn */
.btn{
	cursor : pointer;
}
.btn a{
	display: block;
}
.btn:before {
	position: absolute;
	z-index: -1;
	top: 100%;
	left: 30%;
	right: 30%;
	width: 40%;

	height: 10px;
	content: '';
	transition:transform 0.3s,opacity 0.3s;
	pointer-events: none;
	opacity: 0;
	background: -webkit-radial-gradient(center, ellipse, rgba(0,0,0,0.35) 0%, rgba(46,125,50, 0) 80%);
	background: radial-gradient(ellipse at center, rgba(0,0,0,0.35)  0%, rgba(46,125,50, 0) 80%);
}
.btn:hover {
	-webkit-transform: translateY(-6px);
	        transform: translateY(-6px);
	-webkit-animation: button13 1.5s linear infinite alternate 0.3s;
	        animation: button13 1.5s linear infinite alternate 0.3s;

}
.btn:hover:before {
	-webkit-transform: translateY(6px);
	        transform: translateY(6px);
	-webkit-animation: button13_shadow 1.5s linear infinite alternate 0.3s;
	        animation: button13_shadow 1.5s linear infinite alternate 0.3s;
	opacity: 0.4;
}
.btn:focus {
	color: #2e7d32;
}
.price strong{
	display: block;
	font-size: 2em;
	color: #FF00D9;
}
@-webkit-keyframes button13 {
	50% {
		-webkit-transform: translateY(-3px);
		        transform: translateY(-3px);
	}
	100% {
		-webkit-transform: translateY(-6px);
		        transform: translateY(-6px);
	}
}
@keyframes button13 {
	50% {
		-webkit-transform: translateY(-3px);
		        transform: translateY(-3px);
	}
	100% {
		-webkit-transform: translateY(-6px);
		        transform: translateY(-6px);
	}
}
@-webkit-keyframes button13_shadow {
	0% {
		-webkit-transform: translateY(6px);
		        transform: translateY(6px);
		opacity: 0.4;
	}
	50% {
		-webkit-transform: translateY(3px);
		        transform: translateY(3px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateY(6px);
		        transform: translateY(6px);
		opacity: 0.4;
	}
}
@keyframes button13_shadow {
	0% {
		-webkit-transform: translateY(6px);
		        transform: translateY(6px);
		opacity: 0.4;
	}
	50% {
		-webkit-transform: translateY(3px);
		        transform: translateY(3px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateY(6px);
		        transform: translateY(6px);
		opacity: 0.4;
	}
}

/*------------------------------marker*/
.marker{
    background: linear-gradient(transparent 75%, #cae8f2 75%);
}
/*------------------------------title*/
#title{
	background:
		url("../img/main_bg.png") repeat-x center top 1.2em,
		linear-gradient(180deg, #097c25 0%, #097c25 36px, #fff 36px, #fff 100%);
	padding-bottom: 130px;
	position: relative;

/*	min-height: 600px;
	height:600px;*/
}

#title h1{
	text-align: center;
    margin: 2em auto;
    padding: 26% 0;
    overflow: hidden;
    white-space: nowrap;
    text-indent: 100%;
    background: url("../img/title.png") no-repeat top center;
    background-size: contain;
	max-width: 648px;
}
#title .sub_ttl{
	text-align: center;
	padding: 3px 0;
}
#title dl{
	margin-top: 1em;
	font-family: 'Noto Sans JP', sans-serif;
	text-align: center;
	font-size: 1.6em;
	font-weight: bold;
	color: #097c25;
}
#title dt{
	font-size: 1.3em;
	color: #00360D;
	display: inline-block;
	background: linear-gradient(transparent 75%, #D2EDE3 75%);
}
#title .top-cre{
	font-size: .85em;
	position: absolute;
	bottom: 190px;
	right: 0;
}




/*------------------------------nav*/
nav{
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500;
	margin-top: -85px;
}
nav li{
	font-size: 1.25em;
	line-height:80px;	
	flex: 1;
	position: relative;
	text-align: center;
	background: #fff;
	margin: 0 .3em;	
	padding-top: 5px;
	border-top: #0015FF 1px solid;
	border-left: #0015FF 1px solid;
	border-right: #0015FF 1px solid;
}
nav li.dp{letter-spacing: -0.1em;}
nav li span{
	position: absolute;
	font-size: .75em;
	top:-1.2em;
	left: 0;
	right: 0;
}
nav li a{
	display: block;
	color: #333!important;
}
nav li:hover{
	background: #E0E9FF;
}
nav li a:hover{
	color: #333!important;
}
/*---------色付け位置*/
nav .active{
	background: #2B00DD;
}
nav .active a{
color: #fff!important;
}


/*-------------------------------------------------------------------------未変更案内*/
/*nav li:nth-child(3){position: relative;}
nav li:nth-child(3)::before{
	content: "未変更";
	position: absolute;
	top:1em;
	right: 0;
	background: rgba(255,0,4,0.70);
	color: #fff;
	width: 5em;
	line-height: 1.2;
	transform: rotate(30deg);
}*/

/*-------------------------------------------------------------------------検索gadget*/
/*並び順変更*/
.fw-search-top__body{
	display: flex;
	flex-direction: column;
}
.fw-search-top__item--departure {order: 1;} 
.fw-search-top__item--map {order: 2;} 	
.fw-search-top__item--date {order: 3;} 	
.fw-search-top__item--night-day {order: 4;} 	
.fw-search-top__item--people {order: 5;} 	
.fw-search-top__item--keyword {order: 6;} 

.fw-search-top__sub-item{flex: 1;}	
.fw-search-top__sub-item:not(:last-of-type){padding-right: 5px;}	
.fw-top .fw-search-top--tour .fw-search-top__sub-label {	display: none;}

.fw-top .fw-search-top__item-label {    
	flex-basis: 7em;
	margin-right: 5px;
/*	 text-align: center;
	background: #fff;
	border-radius: 3px;
	
	vertical-align: middle;
	padding: 10px 0;*/
}


/************************************************************
					★min770px－max999px
************************************************************/
@media screen /*and (min-width: 770px) */and (max-width: 1000px){

#container, .w1000 {
	min-width: 100%;  
	width: 100%;
	margin: 0;
	
	overflow: hidden;
}
.w1000 {
	padding: 0 5px;
}



/*---------------------------------------------コンテナ用★★★★★★★★-----*/
/*------------------------------title*/
#title{
	background:
		url("../img/main_bg-tb.png") no-repeat center top 1.2em/100%,
		linear-gradient(180deg, #097c25 0%, #097c25 36px, #fff 36px, #fff 100%);
}

/*------------------------------nav*/
nav li{	font-size: 2vw;}
	

	
}
	
	
/************************************************************
					★タブレット対応
************************************************************/
@media screen /*and (min-width:600px) */and (max-width:769px)  {
img{
    width /***/: auto;
    max-width: 100%;
    height: auto;
}
/* 非表示指定 */
.pc {display: none;}
.tb {display: block;}	
#breadcrumbs,#pankuzu,#breadcrumb {display: none;}


	
}

/************************************************************
						★スマホ対応
************************************************************/
@media screen and (max-width:599px)  {

	
#container{
	min-width: 100%;  
	width:100%; 
	margin: 0;
	padding: 0;
}
.w1000{
	width: 100%;
	padding-left: 2%;
	padding-right: 2%;
}
/*--- 非表示 ---*/
/*br{display: none}*/
img{max-width:100%;}
.sp_none{display: none;}

.left {	float: none;}
.right { float: none;}

/*#breadcrumbs,#pankuzu {display: none;}*/
.pc{display: none;}
.sp{display: block;}

/*br{display: none;}*/

/*---------------------------------------------コンテナ用★★★★★★★★-----*/
/*------------------------------title*/
#title	br{display: none;}
#title{
	background:none;
	padding-bottom: 9em;
}
	#title .w1000{padding: 0;}
#title h1 span{
	margin-top: -1.5em;
	}
#title h1{
    padding: 0;
    text-indent: 0;
    background: none;
    margin-bottom: 0;	
}

#title dl{
	margin-top: 1em;
	font-size: 4vw;
}
#title dd{
	text-align: left;
	margin: 0 1em;
}
/*------------------------------nav*/
nav .flex_box{	display: block;}
nav li{	
	font-size: 4vw;
	line-height:1.7;
	margin: 3px 0;
	border: #445473 2px solid;
	padding-top: 0;
}
nav li:nth-child(3),nav li:nth-child(4){padding-top: 1em;}
nav li span{	top:0;}	
nav li:last-child{	margin-bottom: .5em;}		
/*--------------------btn */
.btn a{    
	width:95%;	
	font-size: 3.5vw;
}


}