@charset "utf-8";

/* ============================================================
default
============================================================ */

.disnone {
	display:none;
}

@media screen and (max-width: 759.9px) {
	#wrapper {
		line-height: 1.4;
	}
	.spnone {
		display: none;
	}
	#dirPathBlock,
	#anchorLinkBlock {
		font-size: 10px;
		margin: 1% 1% 0 1%;
	}
	#dirPathBlock p,
	#anchorLinkBlock a {
		font-size: 12px;
	}
	h1 {
		font-size: 12px;
		margin: 0 1%;
	}
	.inner {
		width: 96%;
		margin: 0 2%;
		padding: 24px 0;
		box-sizing: border-box;
	}
	
	
#gajetBox{
margin: 0 auto;

}
/*	
#gajetBox{
margin: 0 0 0 0;
}

#gajetBox{
text-align: center;
box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.2);
}
*/

#gajetBox ul{
letter-spacing: -0.4em;
}

#gajetBox li{
display: inline-block;
width: 33.33333333%;
padding: 8px 0;
letter-spacing: normal;
text-align: center;
border-right: 1px solid #FFFFFF;
border-bottom: 3px solid rgba(0,0,0,0.3);
background: rgba(255,255,255,0.7);
font-size: 12px;
font-weight: 700;
box-sizing: border-box;
cursor: pointer;
transition: .3s;
}
#gajetBox li:hover{
background: rgba(255,255,255,0.3);
}

#gajetBox li:last-of-type{
border-right: none;

}

#gajetBox li.select{
background: rgba(255,255,255,1);
position: relative;
cursor: default;
border-bottom: 3px solid rgba(0,0,0,1.00);
}

/*#gajetBox li.select:hover{
opacity: 1;
}
*/

#gajetBox li.select:after{
  content: "";
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 7px solid black;
  position: absolute;
  bottom: -10px;
  left: 50%;
}
.gajetAllBox{
background: rgba(255,255,255,0.7);
padding: 20px;
margin: 0 0 20px 0;
box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.2);
}

.displayB{
display: block!important;
}

.yyymmdd{
display: inline-block;
font-size: 12px;
letter-spacing: normal;
margin: 0 0 0 0;
padding: 3px 0 0 5px;
}

.mapBtn{
margin: 0 0 10px 0
}

#NTA_JR2_CalendarD{
width: 100%;
}
.ic_cal{
position: relative;
top: 5px;
}

.mapBtn a{
background: #d9d9d9;
display: block;
text-align: center;
border-radius: 3px;
font-size: 14px;
padding: 8px 0;
color: #000000;
border-bottom: 2px solid rgba(0,0,0,0.2);
box-shadow:0px 4px 0px -3px rgba(255, 255, 255, 0.9) inset;
}

.mapBtn a i{
margin: 0 12px 0 12px;
}

.mapBtn a:hover{
transition: .3s;
text-decoration: none!important;
background:rgba(237,237,237,1.00);
}

.serchBtn{
text-align: center;
}

.gPlanBox dl{
/*letter-spacing: -0.4em;*/
display: block;
margin: 0 0 8px 0;

display: block;
overflow: hidden;
}

.gPlanBox dl dt{
font-size: 13px;
font-weight: 700;
letter-spacing:normal;
display: inline-block;
width: 90px;
float: left;
padding: 5px 0 0 0;
}

#gajetBox dd select:last-of-type{margin: 0}
.m0{margin: 0!important}
.mR0{margin-right: 0!important}
.l100{width: 100%}
.l70{width: 100%}
.l60{width: 100%}
.l50{width: 100%}
.l30{width: 100%}
.l20{width: 90%}
.l40{width: 100%}
.l47{width: 100%}

.ic_cal{
margin: 0 0 0 5px;
}

.gPlanBox dl dd{
/*letter-spacing: -0.4em;*/
display: block;
overflow: hidden;
}

.serchBtn button{
background:#ff6f00;
border: none;
border-radius: 8px;
color:#FFFFFF;
width: 80%;
font-size: 18px;
padding: 10px 0;
}

.serchBtn button:before {
  content: "";
  font-family: "Font Awesome 5 Free";
  content: '\f002';
  font-weight: 900;
  margin: 0 8px 0 0;
}

.serchBtn button:hover {
transition: .3s;
background: rgba(255,190,0,1.00);
cursor: pointer
}


#gajetBox select {
position: relative;
margin: 0 0 4px 0;
font-size: 14px;
background: url("../images/im_select.png") right 10px bottom 50% no-repeat #FFFFFF;
background-size: 10px auto;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
padding: 7px 40px 7px 15px;
color: #000000;
border: 1px solid #cac5c5;
border-radius: 0px;
}
::-ms-expand {
display: none;
}



/*iit*/
#airSearch{position: relative}
.fc_red.fw_normal {
	background: #F00;
    padding: 5px 4px;
    color: #FFF;
    font-size: 10px;
    margin-right: 3px;
    vertical-align: inherit;
    display: inline-block;
}

.calendar-hide{display:none;}

#togo_wrap{
	margin-bottom: 5px;
	position:relative;
}

#return_wrap {
    margin-bottom: 10px;
	position:relative;
}

#togo_wrap dd,
#return_wrap dd{
	width: 96%;
    float: left;
    display: block;
    margin: 0 2% 10px;
    text-align: left;
    position: relative;
}

#togo_wrap dd:nth-of-type(2),
#togo_wrap dd:nth-of-type(3),
#return_wrap dd:nth-of-type(2),
#return_wrap dd:nth-of-type(3){
	width: 46%;
    float: left;
    display: list-item;
    margin: 0 2% 5px;
    text-align: left;
    position: relative;
    vertical-align: top;
}

#togo_wrap .guidance_p,
#return_wrap .guidance_p{
	font-size: 12px;
	margin-bottom:2px;
}

#togo_wrap select,
#return_wrap select,
#pax_wrap select{
	    padding: 0px 0px 0px 3px !important;
    font-size: 14px !important;
	margin: 0 0 10px 0 !important; 
}

#return_wrap .guidance_p.no_redbox{
	margin-bottom: 7px;
    vertical-align: sub;
    display: inline-block;
}

#togo_wrap .date,
#outboundDeparture,
#outboundDirection,
#return_wrap .date,
#returnDeparture,
#returnDirection{
	width: 100%;
    height: 30px;
    border: 1px solid #aaa;
    line-height: 2;
    box-sizing: border-box;
    background: #FFF;
    text-indent: 3%;
	cursor: pointer;
	font-size: 14px;
}

#togo_wrap .date,
#return_wrap .date{
    text-indent: 3%;
}

#outboundDeparture,
#outboundDirection,
#returnDeparture,
#returnDirection{
    text-indent: 5%;
}

#returnDirection{
    background: #ddd;
}

/*#togo_wrap .air_gadget_calendar_btn,
#return_wrap .air_gadget_calendar_btn {
	position: absolute;
    left: 5px;
    top: 54%;
    width: 24px;
}*/

#pax_wrap {
    margin: 0 0 15px auto;
    width: 300px;
}



#pax_wrap .rooms,
#pax_wrap .adult_pax,
#pax_wrap .childt_pax{
	width: 100%;
    display: block;
    margin: 0;
    text-align: left;
    position: relative;
	clear: both;
}

#pax_wrap .rooms .guidance_p_pax,
#pax_wrap .adult_pax .guidance_p_pax,
#pax_wrap .childt_pax .guidance_p_pax{
	width: 120px;
	float:left;
	margin-right:5px;
	/*padding-top: 3px;*/
    line-height: 2.4;
    box-sizing: border-box;
	text-align:right;
	font-size: 12px;
}

.guidance_p_pax{clear: both;}

#numberOfRooms,
#adultPax{
    width: 40px;
    height: 28px;
    float: left;
    border: 1px solid #aaa;
    box-sizing: border-box;
    background-color: #fff;
    text-indent: 18%;
    padding-left: 8px;
	margin-bottom: 5px;
}

#childAPax,
#childBPax{
    width: 40px;
    height: 28px;
    float: left;
    border: 1px solid #aaa;
    box-sizing: border-box;
    background-color: #fff;
	background: #fff;
    text-indent: 18%;
    cursor: pointer;
    margin-bottom: 5%;
    padding-left: 8px;
}

#childAPax {
    margin-bottom: 5px;
}

.minus_or_plus_btn{
	width: 28px;
    height: 28px;
    float: left;
    margin: 0 10px;
    padding:0;
    line-height: 0;
    background: #FFF;
    cursor: pointer;
    border-radius: 18px;
    font-size: 12px;
    color: #aaa;
    border: 1px solid #aaa;
}

.linkList {
    text-align: right;
    margin: 2% 0 0;
}

.f-button{clear: both;}

/*carendar*/
.NTA_air_popup_calendar_contents {
	width: 100%;
    background: #FFF;
    z-index: 1;
    margin: auto;
    padding: 10px;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 1.5;
}

.NTA_air_popup_calendar_contents .title_air {
	float: left;
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 10px;
    text-align: center;
    width: 100%;
    height: 29px;
    background: #20208c;
    color: #fff;
    padding: 4px 0 0 0;
}
.NTA_air_popup_calendar_contents .btnbox{float: right;}

.NTA_air_popup_calendar_contents .btnbox a {
    display: block;
	width: 20px;
    height: 20px;
    position: absolute;
    right: 15px;
}

.NTA_air_popup_calendar_contents .btnbox a::before, .NTA_air_popup_calendar_contents .btnbox a::after {
	content: "";
    display: block;
    width: 100%;
    height: 3px;
    background: #fff;
    transform: rotate(45deg);
    transform-origin: 0% 50%;
    position: absolute;
    top: calc(15% - -10%);
    left: 15%;
}
.NTA_air_popup_calendar_contents .btnbox a::after {
    transform: rotate(-45deg);
    transform-origin: 100% 50%;
    left: auto;
    right: 14%;
}

.air-calendar__current {
    display: flex;
    float: left;
    width: 90%;
    margin: auto;
}
.air-calendar__current > span{
    width: 25%;
    display: block;
    text-align: center;
    font-size: 12px;
}

.monthPager{
    height: 20px;
    width: 100%;
}

.air-calendar__next {
  float: right;
    width: 8px;
    height: 8px;
    margin-right: 2%;
    border-top: 3px solid #20208c;
    border-right: 3px solid #20208c;
    transform: rotate(45deg);
}
.air-calendar__prev {
  float: left;
    width: 8px;
    height: 8px;
	margin-left: 2%;
    border-top: 3px solid #20208c;
    border-right: 3px solid #20208c;
    transform: rotate(-135deg);
}

.content_air .calendarbox div > p{
    font-weight: bold;
    text-align: center;
    font-size: 16px;
    margin: 2% 0;
}

.NTA_air_popup_calendar_contents table,
.NTA_air_popup_calendar_contents td,
.NTA_air_popup_calendar_contents th {
    border: none;
    border-collapse: collapse;
	width: 100%;
}

.NTA_air_popup_calendar_contents td,
.NTA_air_popup_calendar_contents th {
    padding: 5px;
    width: 24px!important;
    text-align: center!important;
    box-sizing: border-box;
	font-size: 14px;
}
.NTA_air_popup_calendar_contents th {
    color: #595959;
    background-color: #fff;
}

.NTA_air_popup_calendar_contents tr > th:first-child,
.NTA_air_popup_calendar_contents tr > td:first-child,
.NTA_air_popup_calendar_contents tr > td.holiday {
    font-weight: bold;
    color: #cc0d21;
}

.NTA_air_popup_calendar_contents tr > th:last-child,
.NTA_air_popup_calendar_contents tr > td:last-child{
    font-weight: bold;
    color: #2051c1;
}

.NTA_air_popup_calendar_contents tr > td.select-enable{
    cursor: pointer;
}
.NTA_air_popup_calendar_contents tr > td.current{
    background-color: rgb(32, 32, 140);
    color: #fff;

}
.NTA_air_popup_calendar_contents tr > td.select-enable:hover{
    background-color: #eee;
    font-weight: bold;
}
.NTA_air_popup_calendar_contents tr > td.select-disable{
    color: #ccc;
}

.hide-contents__disnone{display:none!important;}
.disnone{display:none!important;}

/*#doAirSearch {
    background: #ff9326 url(//www.nta.co.jp/shared2015/common/images/ic_search_01.png) 20% center no-repeat;
    color: #fff !important;
    padding: 10px 0;
    font-size: 18px;
    width: 100%;
    border: none;
	border-radius: 8px;
}*/

.box_unit {
	width: 30px;
    float: left;
    padding: 5px 0 0 0;
    box-sizing: border-box;
    font-size: 14px;
    text-align: right;
}

/*注釈*/
.search_kokunaiBar .gadget__caution_wording{
	line-height: 1.5;
    margin: 2% 0;
    padding: 0 0 0 12px;
}

/*PRバナー*/
.pr_under_gadget__bnr {
    text-align: center;
    margin: 2% 0;
	display: block;
}
}/* end @media */

@media screen and (min-width: 760px),print {
	#wrapper {
		line-height: 1.231;
	}
	#dirPathBlock,
	h1,
	.iframe_end-content_gadget,
	#anchorLinkBlock {
		width: 100%;
		max-width:970px;
		min-width:760px;
		margin: auto;
	}
	#dirPathBlock,
	#anchorLinkBlock {
		width: 100%;
		margin: 0 auto;
		display: block;
		font-size: 12px;
	}
	#dirPathBlock p,
	#anchorLinkBlock a {
		font-size: 12px;
	}
	h1 {
		font-size: 14px;
		width: auto;
		max-width: 970px;
		margin: 0 auto 5px;
	}
	.inner {
		width: 96%;
		max-width:970px;
		margin: 0 auto;
		padding:50px 0;
		display: block;
	}
	u {
		text-decoration-color: red;
	}
	

article section.mv div.parameters {
	margin: 0 auto 15px;
	width: 650px;
	height: 420px;
	background: #fff;
}	
	
#gajetBox{
/*width: 950px;*/
margin: 0 auto;
overflow: hidden;
}

/*
#gajetBox{
text-align: center;
box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.2);
}*/


#gajetBox ul{
letter-spacing: -0.4em;
}

#gajetBox li{
display: inline-block;
width: 216px;
padding: 12px 0;
letter-spacing: normal;
text-align: center;
border-right: 1px solid #FFFFFF;
border-bottom: 3px solid rgba(0,0,0,0.3);
background: rgba(255,255,255,0.7);
font-size: 16px;
font-weight: 700;
box-sizing: border-box;
cursor: pointer;
transition: .3s;
}
#gajetBox li:hover{
background: rgba(255,255,255,0.3);
}

#gajetBox li:last-of-type{
border-right: none;
width: 217px;
}

#gajetBox li.select{
background: rgba(255,255,255,1);
position: relative;
cursor: default;
border-bottom: 3px solid rgba(0,0,0,1.00);
}

#gajetBox li.select:hover{
opacity: 1;
}


#gajetBox li.select:after{
  content: "";
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 7px solid black;
  position: absolute;
  bottom: -10px;
  left: 50%;
}
.gajetAllBox{
background: rgba(255,255,255,0.7);
padding: 25px 40px;
/*height: 337px;*/
}

#togo_wrap dd, #return_wrap dd {
    width: 29.33333%;
    float: left;
    display: list-item;
    margin: 0 2%;
    text-align: left;
    position: relative;
    vertical-align: top;
}

#togo_wrap select,
#return_wrap select,
#pax_wrap select{
	    padding: 0px 0px 0px 3px !important;
    /*font-size: 12px !important;*/
	margin: 0 0 10px 0 !important; 
}


#togo_wrap dd .guidance_p,
#return_wrap dd .guidance_p{
	font-size: 12px;
	margin-bottom:10px;
	font-weight: bold;
}


#togo_wrap dd .date, #outboundDeparture, #outboundDirection, #return_wrap dd .date, #returnDeparture, #returnDirection {
        width: 100%;
    height: 29px;
    border: 1px solid #aaa;
    line-height: 2;
    box-sizing: border-box;
    background: #FFF;
    text-indent: 3%;
    cursor: pointer;
    font-size: 12px;
    padding: 1px 0 0 0;
}

.fc_red.fw_normal {
    background: #F00;
    padding: 0px 4px;
    color: #FFF;
    font-size: 10px;
    margin-right: 3px;
    vertical-align: inherit;
    display: inline-block;
}

#pax_wrap input[type="number"]::-webkit-outer-spin-button, 
#pax_wrap input[type="number"]::-webkit-inner-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
} 
#pax_wrap input[type="number"] { 
  -moz-appearance:textfield; 
} 

#pax_wrap {
	margin: 0 auto 3%;
    font-size: 12px;
    display: block;
    width:689px !important;
}

#pax_wrap dd.adult_pax{
	width: 210px;
	float:left;
	display:block;
	margin:0 10px;
	text-align:left;
	position:relative;
}

#pax_wrap dd.rooms{
	width: 145px;
	float:left;
	display:block;
	margin:0 10px;
	text-align:left;
	position:relative;
}

#pax_wrap dd.childt_pax{
	width:275px;
	float:left;
	display:block;
	margin:0 10px;
	text-align:left;
	position:relative;
}

#pax_wrap dd.rooms .guidance_p_pax,
#pax_wrap dd.adult_pax .guidance_p_pax{
	width: 40px;
	float:left;
    line-height: 2;
    box-sizing: border-box;
	text-align:right;
	margin-right: 5px;
	font-weight: bold;
}

#numberOfRooms,
#adultPax{
	width: 40px;
    height: 25px;
    float: left;
    border: 1px solid #aaa;
    box-sizing: border-box;
    background: #FFF;
    cursor: pointer;
    text-align: center;
	padding-left: 10px;
}

#pax_wrap dd.childt_pax .guidance_p_pax{
	width: 105px;
	float:left;
	margin-right:5px;
    line-height: 2;
    box-sizing: border-box;
    text-align: center;
	font-weight: bold;
}

#childAPax,
#childBPax{
	width: 40px;
    height: 24px;
	float:left;
    border: 1px solid #aaa;
    box-sizing: border-box;
    background: #FFF;
	cursor: pointer;
	text-align: center;
	padding-left: 10px;
}

#childAPax {
    margin-bottom: 4%;
}


.displayB{
display: block!important;
}

.yyymmdd{
display: inline-block;
font-size: 14px;
letter-spacing: normal;
margin: 0 10px 0 0;
padding: 3px 0 0 0;
}

.mapBtn{
margin: 0 0 20px 0
}

.mapBtn a{
background: #d9d9d9;
display: block;
text-align: center;
border-radius: 3px;
font-size: 16px;
padding: 8px 0;
color: #000000;
border-bottom: 2px solid rgba(0,0,0,0.2);
box-shadow:0px 4px 0px -3px rgba(255, 255, 255, 0.9) inset;
}

.mapBtn a i{
margin: 0 12px 0 12px;
}

.mapBtn a:hover{
transition: .3s;
text-decoration: none!important;
background:rgba(237,237,237,1.00);
}

.serchBtn{
text-align: center;
}

.gPlanBox dl{
/*letter-spacing: -0.4em;*/
display: inline-block;
margin: 0px 15px 20px 0;

display: block;
overflow: hidden;
}

.gPlanBox dl dt{
    font-size: 14px;
    font-weight: 700;
    letter-spacing: normal;
    display: inline-block;
    width: 90px;
    float: left;
    padding: 3px 0 0 0;
}

#gajetBox dd select:last-of-type{margin: 0}
.m0{margin: 0!important}
.mR0{margin-right: 0!important}
.l100{width: 100%}
.l70{width: 68%}
/*.l60{width: 58.9%}*/
.l60{width: 47.4%}
.l50{width: 48.92%}
.l30{width: 32%}
.l20{width: 26.5%}
/*.l40{width: 36%}*/
.l40{width: 47.4%}
.l47{width: 47.4%}
.flG{float: left;}

.ic_cal{
margin: 0 0 0 5px;
}

.gPlanBox dl dd{
/*letter-spacing: -0.4em;*/
display: block;
overflow: hidden;
}

.serchBtn button{
background:#ff6f00;
border: none;
border-radius: 8px;
color:#FFFFFF;
width: 340px;
font-size: 18px;
padding: 10px 0;
}

.serchBtn button:before {
  content: "";
  font-family: "Font Awesome 5 Free";
  content: '\f002';
  font-weight: 900;
  margin: 0 8px 0 0;
}

.serchBtn button:hover {
transition: .3s;
background: rgba(255,190,0,1.00);
cursor: pointer
}


#gajetBox select {
    position: relative;
    margin: 0 10px 0 0;
    font-size: 12px;
    background: url(../images/im_select.png) right 10px bottom 50% no-repeat #FFFFFF;
    background-size: 10px auto;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    padding: 5px 40px 5px 15px;
    color: #000000;
    border: 1px solid #cac5c5;
    border-radius: 0px;
    float: left;
}
::-ms-expand {
display: none;
}


.minus_or_plus_btn{
	width: 24px;
    height: 24px;
    float: left;
    margin: 0 12px;
	padding: 0;
    line-height: 0;
    background: #FFF;
    cursor: pointer;
    border-radius: 18px;
    font-size: 16px;
    color: #aaa;
    border: 1px solid #aaa;
}

.minus_or_plus_btn:hover{
	background: #ff9326;
    color: #FFF;
    transition: 0.3s;
}

.room_unit.box_unit {
    width: 40px;
}

div.box_unit {
	width: 28px;
    float: left;
    padding: 0px 0;
    box-sizing: border-box;
    font-size: 14px;
    text-align: center;
}

/*carendar*/
.calendar-hide{display:none;}
#airSearch{position:relative;}

.NTA_air_popup_calendar_contents {
	width: 480px;
    background: #FFF;
    border: 1px solid #bebebe;
    padding: 5px 5px 15px;
    z-index: 1;
}

#outboundCalendar{
	position: absolute;
    top: 0;
}
#returnCalendar{
	position: absolute;
	top: 63px;
}

.NTA_air_popup_calendar_contents.depday{
  top: 100px;
  left: 218px;
}
.NTA_air_popup_calendar_contents.retday{
  top: 143px;
  left: 218px;
}

.NTA_air_popup_calendar_contents .title_air {
	float: left;
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 10px;
    text-align: center;
    width: 100%;
    height: 24px;
    background: #20208c;
    color: #fff;
    padding: 5px 0 0 0;
}
.NTA_air_popup_calendar_contents .btnbox{float: right;}

.NTA_air_popup_calendar_contents .btnbox a {
    display: block;
	width: 20px;
    height: 20px;
    position: absolute;
    right: 15px;
}

.NTA_air_popup_calendar_contents .btnbox a::before, .NTA_air_popup_calendar_contents .btnbox a::after {
	content: "";
    display: block;
    width: 100%;
    height: 3px;
    background: #fff;
    transform: rotate(45deg);
    transform-origin: 0% 50%;
    position: absolute;
    top: calc(15% - -10%);
    left: 15%;
}
.NTA_air_popup_calendar_contents .btnbox a::after {
    transform: rotate(-45deg);
    transform-origin: 100% 50%;
    left: auto;
    right: 14%;
}

.air-calendar__current {
  display: flex;
  float: left;
  width: 326px;
  margin: -3px auto 3px;
}
.air-calendar__current > span{width:12.5%;display:block;text-align:center;}

.monthPager{
  height: 20px;
  width: 100%;
}
.calendarbox{
  display: flex;
  justify-content: space-between;
}
.calendarbox > div {
    width: 49%;
	text-align:center;
}

.air-calendar__next {
  float: right;
    width: 8px;
    height: 8px;
    margin-right: 2%;
    border-top: 3px solid #20208c;
    border-right: 3px solid #20208c;
    transform: rotate(45deg);
}
.air-calendar__prev {
  float: left;
    width: 8px;
    height: 8px;
	margin-left: 2%;
    border-top: 3px solid #20208c;
    border-right: 3px solid #20208c;
    transform: rotate(-135deg);
}

.content_air .calenderBox > p{font-weight:bold;}

.NTA_air_popup_calendar_contents table{
	width:100%;
	margin-top: 15px;
}

.NTA_air_popup_calendar_contents table,
.NTA_air_popup_calendar_contents td,
.NTA_air_popup_calendar_contents th {
  border: none;
  border-collapse: collapse;
}

.NTA_air_popup_calendar_contents td,
.NTA_air_popup_calendar_contents th {
  padding: 2px;
  width: 24px;
  text-align: center;
  box-sizing: border-box;
}
.NTA_air_popup_calendar_contents th {
  color: #595959;
  background-color: #fff;
}

.NTA_air_popup_calendar_contents tr > th:first-child,
.NTA_air_popup_calendar_contents tr > td:first-child,
.NTA_air_popup_calendar_contents tr > td.holiday{
  font-weight: bold;
  color: #cc0d21;
}

.NTA_air_popup_calendar_contents tr > th:last-child,
.NTA_air_popup_calendar_contents tr > td:last-child{
  font-weight: bold;
  color: #2051c1;
}

.NTA_air_popup_calendar_contents tr > td.select-enable{
  cursor: pointer;
}
.NTA_air_popup_calendar_contents tr > td.current{
  background-color: rgb(32, 32, 140);
  color: #fff;

}
.NTA_air_popup_calendar_contents tr > td.select-enable:hover{
  background-color: #eee;
  font-weight: bold;
}
.NTA_air_popup_calendar_contents tr > td.select-disable{
  color: #ccc;
}

.hide-contents__disnone{display:none!important;}
.disnone{display:none!important;}

/*#doAirSearch {
	background: #ff9326 url(//www.nta.co.jp/shared2015/common/images/ic_search_01.png) 30% center no-repeat;
    color: #fff !important;
    padding: 10px 0 14px;
    font-size: 18px;
    width: 60%;
    border: none;
	cursor:pointer;
	position:relative;
	border-radius: 8px;
}*/

/*注釈*/
.search_kokunaiBar .gadget__caution_wording{
    padding-left: 12px;
    line-height: 1.5;
}

	
}/* end @media */


/* ============================================================
slick
============================================================ */

.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent
}

.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0
}

.slick-list:focus {
	outline: none
}

.slick-list.dragging {
	cursor: pointer;
}

.slick-slider .slick-track,.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	margin-left: auto;
	margin-right: auto
}

.slick-track:before,.slick-track:after {
	display: table;
	content: ''
}

.slick-track:after {
	clear: both
}

.slick-loading .slick-track {
	visibility: hidden
}

.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px
}

[dir='rtl'] .slick-slide {
	float: right
}

.slick-slide img {
	display: block
}

.slick-slide.slick-loading img {
	display: none
}

.slick-slide.dragging img {
	pointer-events: none
}

.slick-initialized .slick-slide {
	display: block
}

.slick-loading .slick-slide {
	visibility: hidden
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent
}

.slick-arrow.slick-hidden {
	display: none
}

/* ============================================================
entire (article & section)
============================================================ */

article {
	margin: 0;
	padding: 0;
	font-family: 'Noto Sans JP',sans-serif;
	font-weight: 400;
}

article section {
	margin: 0;
	padding: 0;
	line-height: 1;
	color: #666;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
}
article section *,
article section :before,
article section :after {
	box-sizing: border-box;
}
article section img {
	display: block;
	max-width: 100%;
}
article section div.inner {
	margin: 0;
	padding: 0;
	width: 100%;
}


/* ============================================================
PC & SP
============================================================ */

/* background
-------------------------------------------------------------*/

article {
	background: #f3f3f3;
}

article section.mv {
	background: url(../images/mv_bg.jpg) no-repeat center center;
	background-size: cover;
}
article section.options {
	background: #fff;
}
article section.banner {
	background: none;
}
article section.season {
	background: #fff;
}
article section.area {
	background: #f5f9ef;
}
article section.plan {
	background: none;
}
article section.activity {
	background: #f5f9ef;
}
article section.vehicle {
	background: none;
}
article section.theme {
	background: #f5f9ef;
}
article section.info {
	background: none;
}
article section.qa {
	background: #f5f9ef;
}
article section.pref {
	background: none;
}
article section.inquiry {
	background: #f5f9ef;
}

/* section.mv
-------------------------------------------------------------*/

article section.mv h1 {
	margin-bottom: 25px;
	text-align: center;
	color: #fff;
	font-size: 35px;
	font-weight: 700;
}

article section.mv {
	padding: 45px 0 25px;
}

article section.mv div.copy {
	background: rgba(255, 249, 249, 0.80);
	padding: 20px 0 16px;
}
article section.mv div.copy p {
	margin: 0 auto;
	line-height: 1.47;
	color: #666;
}

/* section.options
-------------------------------------------------------------*/

article section.options {
	padding: 20px 0;
}
article section.options ul {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
}
article section.options a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 200px;
	height: 43px;
	background: #96c85f;
	border-radius: 10px;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
}

/* section.banner
-------------------------------------------------------------*/

article section.banner {
	padding: 50px 0 20px;
}
article section.banner p img {
	margin: 0 auto 32px;
}

article section.banner dl {
	padding: 30px 40px 15px;
	background: #fff;
	font-weight: 700;
}

article section.banner dl div {
	position: relative;
	padding-left: 10em;
	margin-bottom: 1.25em;
}
article section.banner dt {
	position: absolute;
	top: 0;
	left: 0;
	width: 6em;
	height: 2em;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #FFB7B7;
	color: #fff;
	font-size: 16px;
}
article section.banner dd {
	line-height: 1.46;
	padding-top: 0.1em;
	font-size: 18px;
	color: #333
}

/* common
-------------------------------------------------------------*/

/* h2 */

article section div.inner > h2:first-child {
	margin-bottom: 1.4em;
	text-align: center;
	color: #96c85f;
	font-size: 30px;
	font-weight: 700;
}
article section.banner div.inner > h2:first-child {
    color: #333;
}

/* h3 */

article section div.inner > h3 {
	margin-bottom: 30px;
	color: #96c85f;
	text-align: center;
	font-size: 24px;
	font-weight: 700;
}
article section div.inner > h3 strong {
	display: flex;
	width: 140px;
	height: 43px;
	margin: 0 auto 12px;
	justify-content: center;
	align-items: center;
	border-radius: 30px;
	background: #FFF;
	font-size: 16px;
	font-weight: 400;
}

/* dl.recommendation */

article section dl.recommendation {
	background: #fff;
	max-width: 100%;
}
article section dl.recommendation.event {
    margin-bottom: 50px;/* イベントバンク復活時削除 */
}
article section dl.recommendation > dt {
	background: #fff5cc;
	margin-bottom: 1.6em;
	padding: 0.7em 0 0.9em;
	color: #96c85f;
	text-align: center;
	font-size: 16px;
	font-weight: 700;
}
article section dl.recommendation > dt::before {
	content: '';
	position: relative;
	top: 0.1em;
	left: 0;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 0.7em;
	background: url(../images/icon_ticket.svg);
}
article section dl.recommendation > dd {
	overflow: hidden;
	width: 910px;
	max-width: 100%;
	margin: 0 auto;
}

/* dl.recommendation.event */

article section dl.recommendation.event > dd {
	max-width: calc(100vw - 100px);
}
article section dl.recommendation.event > dd:nth-of-type(2) {
	padding-bottom: 2em !important;
}

/* p.copy */

article section p.copy {
	margin-bottom: 1.6em;
	text-align: center;
	color: #333;
	font-size: 18px;
	font-weight: 700;
}

/* p.img_left & dl.point_info */

article section p.img_left {
	float: left;
	width: 400px;
	max-width: 40vw;
	margin: 5px 25px 1.5em 0;
}
article section p.img_left img {
	width: 100%;
	max-width: 480px;
	margin: 0 auto;
}
article section dl.point_info {
	margin-bottom: 1.5em;
	overflow: hidden;
}
article section dl.point_info + * {
	clear: both;
}
article section dl.point_info dt {
	margin-bottom: 0.5em;
	color: #96c85f;
	font-weight: 700;
	line-height: normal;
}
article section dl.point_info dt:not(:first-child) {
	margin-top: 1.2em;
}
article section dl.point_info dd {
	text-align: justify;
	line-height: 1.5;
}

/* dl.plan_btn */

article section dl.plan_btn:not(:last-child) {
	margin-bottom: 2.2em;
}
article section dl.plan_btn dt {
	margin-bottom: 1.2em;
	color: #333;
	text-align: center;
	font-size: 18px;
	font-weight: 700;
}
article section dl.plan_btn dt.small {
	font-size: 15px;
}
article section dl.plan_btn ul {
	display: flex;
	justify-content: center;
}
article section dl.plan_btn li {
	width: 30%;
    margin-right: 23px;
}
article section dl.plan_btn li:last-child {
    margin-right: 0;
}
article section dl.plan_btn a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 3em;
	padding: 0 0.5em;
	line-height: 1.2;
	font-size: 16px;
	font-weight: 700;
	border-radius: 30px;
	background: #96c85f;
	color: #fff;
}

/* ul.slide */

article section ul.slide {
	width: 990px;
	margin: 20px auto 20px;
	position: relative;
}
article section ul.slide:last-child {
	margin: 20px auto 0 !important;
}
article section ul.slide::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 20px;
	height: 100%;
	background: #000;

}
article section ul.slide li.slick-slide {
	padding-right: 20px;
}
article section ul.slide li.slick-slide p.img {
    background: #fff;
}
article section ul.slide img {
	width: 100%;
}
article section ul.slide.plain.info p.img img {
	width: 100%;
    height: 250px;
}
article section ul.slide dd dl {
	padding: 15px;
	background: #fff;
}

/* ul.slide::after (specific) */

article section ul.map_event::after {background: #f5f9ef;}
article section ul.plan_list::after {background: #F3F3F3;}
article section ul.coupon::after {background: #F3F3F3;}
article section ul.activity::after {background: #f5f9ef;}
article section ul.info::after {background: #F3F3F3;}

/* a.slick-arrow */

article section a.slick-arrow {
	position: absolute;
	top: 50%;
	z-index: 1;
	width: 40px;
	height: 40px;
}
article section a.slick-arrow.prev {
	left: -50px;
	background: url(../images/arrow_prev.svg);
}
article section a.slick-arrow.next {
	right: -50px;
	background: url(../images/arrow_next.svg);
}
article section ul.slide a.slick-arrow.next {
	right: -30px;
}


/* ul.slide.plain */

article section ul.slide.plain dl {
	padding: 15px 15px 20px;
	background: #fff;
}
article section ul.slide.plain dt {
	margin-bottom: 0.8em;
	min-height: 3em;
	color: #333;
	line-height: 1.44;
	font-size: 18px;
	font-weight: 700;
}
article section ul.slide.plain.activity dt {
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

article section ul.slide.plain dd.text {
	margin-bottom: 1em;
	min-height: 9em;
	line-height: 1.47;
}
article section ul.slide.plain.activity dd.text {
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 6;
}
article section ul.slide.plain dd.btn a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 3em;
	padding: 0 0.5em;
	line-height: 1.2;
	font-size: 16px;
	font-weight: 700;
	border-radius: 30px;
	background: #96c85f;
	color: #fff;
}

/* p.btn_wide */

article section p.btn_wide a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 600px;
	max-width: 100%;
	height: 3em;
	margin: 0 auto 50px;
	font-size: 16px;
	font-weight: 700;
	border-radius: 30px;
	background: #96c85f;
	color: #fff;
}

/* section.area div.map_link
-------------------------------------------------------------*/

/* (--> see PC and SP section) */


/* section.area div.map_content
-------------------------------------------------------------*/

article section.area div.map_content {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	visibility: hidden;
	opacity: 0;
	transition: opacity .9s ease-in;
}
article section.area div.map_content.on {
	position: static;
	z-index: 1;
	visibility: visible;
	opacity: 1;
}

/* ul.map_area */

article section.area ul.map_area {
	margin: 0 auto;
}
article section.area ul.map_area li.slick-slide {
	margin: 0 auto 50px;
	padding: 40px 30px 40px;
	background: #FFF;
}
article section.area ul.map_area h4 {
	margin-bottom: 30px;
	color: #333;
	text-align: center;
	font-size: 24px;
	font-weight: 700;
	line-height: normal;
}

/* p.img_left & dl.point_info */

article section.area p.img_left,
article section.area dl.point_info {
	margin-bottom: 2em;
}

/* p.map_point_info */

article section.area p.map_point_info {
	margin-bottom: 30px;
	text-align: justify;
	line-height: 1.5;
	overflow: hidden;
}
article section.area p.map_point_info strong {
	display: block;
	margin-bottom: 0.4em;
	font-weight: 700;
	color: #96c85f;
}
article section.area p.map_point_info strong:not(:first-child) {
	margin-top: 1.4em;
}

/* dl.plan_btn */

article section.area h5 {
	margin-bottom: 1.2em;
	color: #333;
	text-align: center;
	font-size: 18px;
	font-weight: 700;
}

/* dl.hotel */

article section.area dl.hotel {
	padding: 40px 20px;
	border-radius: 10px;
	border: 1px solid #96c85f;
	overflow: hidden;
}
article section.area dl.hotel > dt {
	margin-bottom: 1em;
	line-height: 1.44;
	color: #333;
	text-align: center;
	font-size: 18px;
	font-weight: 700;
}
article section.area dl.hotel p.img_left {
	width: 300px;
	max-width: 30vw;
	margin: 5px 25px 0 0;
}
article section.area dl.hotel dl.point_info {
	margin-bottom: 0;
	overflow: hidden;
}

article section.area dl.hotel li {
	list-style-type: disc;
	margin-left: 1.4em;
}
article section.area dl.hotel p.link_1 {
	margin-top: 0.5em;
	text-align: right;
}
article section.area dl.hotel p.link_1 a {
	color: #0065D6;
	font-size: 13px;
	font-weight: 700;
}
article section.area dl.hotel p.link_1 a::before {
	content: '＞ ';
}
article section.area dl.hotel p.link_2 a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 400px;
	max-width: 100%;
	height: 3em;
	margin: 1em auto 0;
	font-size: 16px;
	font-weight: 700;
	border-radius: 30px;
	background: #96c85f;
	color: #fff;
}

/* ul.map_keyword */

article section.area ul.map_keyword {
	margin-bottom: 50px;
	padding: 20px 30px;
	background: #FFF;
}

article section.area ul.map_keyword {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 20px;
}
article section.area ul.map_keyword a {
	display: block;
	padding: 10px 20px;
	border-radius: 10px;
	border: 1px solid #96c85f;
	color: #333;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 1.2px;
}

/* ul.map_season */

article section.area ul.map_season {
	display: flex;
	gap: 20px 2%;
	flex-wrap: wrap;
	margin-bottom: 50px;
}
article section.area ul.map_season li {
	width: 48.9%;
	background: #fff;
}

article section.area ul.map_season dl {
	padding: 1em 15px 1em;
}
article section.area ul.map_season dt {
	margin-bottom: 0.8em;
	text-align: center;
	color: #333;
	font-size: 18px;
	font-weight: 700;
}
article section.area ul.map_season dd {
	line-height: 1.47;
}

/* ul.map_event */

article section ul.map_event li > dl {
	transition: transform .1s ease-in;
}

article section.area ul.map_event dt.ttl {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 2.8em;
	background: #fff5cc;
	color: #96c85f;
	text-align: center;
	font-size: 16px;
	font-weight: 700;
}
article section.area ul.map_event dt.ttl::before {
	content: '';
	width: 20px;
	height: 20px;
	margin-right: 0.5em;
	background: url(../images/icon_fireworks.svg);
}

article section.area ul.map_event dt.name {
	margin-bottom: 0.8em;
	color: #333;
	text-align: center;
	line-height: 1.44;
	font-size: 18px;
	font-weight: 700;
}
article section.area ul.map_event dd.text {
	margin-bottom: 0.8em;
	min-height: 7em;
	line-height: 1.47;
/*	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;*/
}
article section.area ul.map_event dd.link {
	text-align: right;
}
article section.area ul.map_event dd.link a {
	color: #0065D6;
	font-size: 13px;
}
article section.area ul.map_event dd.link a::before {
	content: '＞ ';
	font-size: 13px;
}

/* section.area div.text_link
-------------------------------------------------------------*/

section.area div.text_link {
	padding: 25px 30px;
	background: #fff;
}
section.area div.text_link dl.plan_btn {
	width: 100%;

}
section.area div.text_link dl.plan_btn ul {
    justify-content: space-between;
	flex-wrap: wrap;
	gap: 0 1%;
}
section.area div.text_link dl.plan_btn li {
	width: 49.5%;
	margin-bottom: 10px;
    margin-right: 0;
}
section.area div.text_link dl.plan_btn a {
	flex-direction: column;
	gap: 4px;
	height: 3.6em;
}
section.area div.text_link dl.plan_btn a span {
	font-size: 13px;
	font-weight: 400;
}

/* section.plan
-------------------------------------------------------------*/

/* ul.plan_list */

article section ul.plan_list li.slick-slide > * {
	background: #fff;
}

article section ul.plan_list p.img {
	position: relative;
}
article section ul.plan_list p.img > span {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 4px 15px 5px;
	line-height: 1.44;
	background: rgba(0, 0, 0, 0.30);
	color: #FFF;
	font-size: 12px;
	font-weight: 700;
}
article section ul.plan_list h4 {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 0 15px;
	line-height: 1.44;
	color: #333;
	font-size: 18px;
	font-weight: 700;
}
article section ul.plan_list dl {
	padding: 5px 15px 15px;
}
article section ul.plan_list dt {
	margin-bottom: 0.3em;
	color: #96c85f;
	line-height: 1.44;
	font-size: 15px;
	font-weight: 700;
}
article section ul.plan_list dd.access {
	margin-bottom: 1em;
	line-height: 1.47;
	min-height: 3em;
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
article section ul.plan_list dd.facility {
	margin-bottom: 1em;
	line-height: 1.47;
	min-height: 6em;
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
}
article section ul.plan_list dd.fee {
	margin-bottom: 0.4em;
	line-height: 1.44;
	color: #333;
	text-align: right;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 0.9px;
}
article section ul.plan_list dd.note {
	margin-bottom: 0.2em;
	line-height: 1.44;
	text-align: center;
	font-size: 13px;
}
article section ul.plan_list p.link {
	padding: 0 10px 20px;
}
article section ul.plan_list p.link a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 3em;
	padding: 0 0.5em;
	line-height: 1.2;
	font-size: 16px;
	font-weight: 700;
	border-radius: 30px;
	background: #96c85f;
	color: #fff;
}

/* section.plan p.btn_wide */

article section.plan p.btn_wide a {
	margin: 0 auto 60px;
}

/* section.activity
-------------------------------------------------------------*/

/* section.vehicle
-------------------------------------------------------------*/

article section.vehicle h3 {
	margin: 50px auto 25px;
}
article section.vehicle p {
	margin-bottom: 0.8em;
	text-align: center;
	line-height: 1.47;
}
article section.vehicle div.box {
	padding: 30px 15px 20px;
	background: #fff;
}
article section.vehicle ul.type1 {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin-bottom: 30px;
}
article section.vehicle ul.type1 li {
    margin-right: 20px;
    margin-bottom: 10px;
}
article section.vehicle ul.type1 li:last-child {
    margin-right: 0;
}
article section.vehicle ul.type1 a {
	display: block;
	padding: 8px 20px;
	border-radius: 10px;
	background: #96c85f;
	color: #FFF;
	text-align: center;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 1.2px;
}
article section.vehicle ul.type2 a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 600px;
	max-width: 100%;
	height: 3em;
	margin: 0 auto 10px;
	font-size: 16px;
	font-weight: 700;
	border-radius: 30px;
	background: #96c85f;
	color: #fff;
}

/* section.theme
-------------------------------------------------------------*/

article section ul.theme {
	display: flex;
	flex-wrap: wrap;
	gap: 34.9px;
}
article section ul.theme dl {
	padding: 15px 15px 10px;
	background: #fff;
}
article section ul.theme dt {
	margin-bottom: 0.6em;
	color: #333;
	text-align: center;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.44;
}
article section ul.theme img {
	width: 100%;
}
article section ul.theme a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	max-width: 100%;
	height: 3em;
	margin-bottom: 10px;
	padding: 0 0.5em;
	line-height: 1.2;
	font-size: 16px;
	font-weight: 700;
	border-radius: 30px;
	background: #96c85f;
	color: #fff;
}

/* section.info
-------------------------------------------------------------*/


/* section.qa
-------------------------------------------------------------*/

article section dl.qa dt {
	position: relative;
	padding: 16px 20px 12px 60px;
	line-height: 1.44;
	background: #F5F5F5;
	color: #333;
	font-size: 18px;
	font-weight: 700;
}
article section dl.qa dd {
	position: relative;
	padding: 10px 20px 10px 60px;
	line-height: 1.44;
	background: #fff;
	font-size: 18px;
}
article section dl.qa span {
	position: absolute;
	top: calc(50% - 14px);
	left: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 30px;
	height: 30px;
	padding: 0 0 1px 1px;
	border-radius: 50%;
	background: #96c85f;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
}

article section dl.qa span + br {
	display: none;
}

/* section.pref
-------------------------------------------------------------*/

/* (--> see PC and SP section) */

/* section.inquiry
-------------------------------------------------------------*/

article section.inquiry p {
	margin-bottom: 0.8em;
	text-align: center;
	line-height: 1.47;
}

article section ul.inquiry {
	display: flex;
	justify-content: space-between;
	padding: 30px 18px;
	background: #fff;
}

article section ul.inquiry a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 300px;
	max-width: 28.5vw;
	height: 90px;
	background-color: #f2f2f2;
	border-radius: 10px;
	color: #20208c;
	font-weight: 700;
}
article section ul.inquiry a::before {
	content: '';
	position: relative;
	top: 0;
	left: 0;
	margin-right: 1em;
	background-size: cover !important;
}
article section ul.inquiry li:nth-child(1) a::before {
	width: 62px;
	height: 54px;
	background: url(../images/icon_home.png) no-repeat;
}
article section ul.inquiry li:nth-child(2) a::before {
	width: 44px;
	height: 68px;
	background: url(../images/icon_phone.png) no-repeat;
}
article section ul.inquiry li:nth-child(3) a::before {
	width: 71px;
	height: 58px;
	background: url(../images/icon_pc.png) no-repeat;
}


/* ============================================================
PC
============================================================ */

@media screen and (min-width: 760px),print {

/* entire
-------------------------------------------------------------*/

article > section {
	padding: 95px 0 80px;
}

article section .sp {
	display: none !important;
}

article section a {
	transition: opacity .2s ease-in;
}
article section a:hover {
	opacity: 0.6;
}

article section > div.inner {
	width: 970px;
	max-width: 96%;
	margin: 0 auto;
}

/* section.mv
-------------------------------------------------------------*/

article section.mv div.copy p {
	margin: 0 auto;
	width: 970px;
	max-width: 96%;
	line-height: 1.47;
	color: #666;
}

/* section.options
-------------------------------------------------------------*/

article section.options ul {
	margin: 0 auto;
	width: 970px;
	max-width: 96%;
}


/* section.area div.map_link
-------------------------------------------------------------*/

article section.area div.map_link {
	margin-bottom: 50px;
}
article section.area div.map_link > dl {
	position: relative;
}
article section.area div.map_link div {
	position: absolute;
	cursor: pointer;
}
article section.area div.map_link div.a1 {top: 28%;left: 36%;z-index:4;}
article section.area div.map_link div.a2 {bottom: 34%;left: 37%;z-index:2;}
article section.area div.map_link div.a3 {top: 42%;right: 28%;z-index:3;}
article section.area div.map_link div.a4 {bottom: 13%;left: 24%;z-index:1;}

article section.area div.map_link div dt {
	margin-bottom: 10px;
}
article section.area div.map_link div dt a {
	display: block;
	padding: 6px 20px;
	border-radius: 20px;
	text-align: center;
	border: 1px solid #96c85f;
	background: #FFF;
	color: #000;
	font-size: 13px;
	white-space: normal;
	pointer-events: none;
}
article section.area div.map_link div dd {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	z-index: -10;
	padding: 10px 20px;
	border-radius: 5px;
	background: rgba(0, 0, 0, 0.7);
	visibility: hidden;
	opacity: 0;
	transition: all .2s ease-in;
}
article section.area div.map_link div:hover dd {
	visibility: visible;
	opacity: 1;
}
article section.area div.map_link div dd::before {
	content: '';
	position: absolute;
	top: -9px;
	left: calc(50% - 6px);
	background: rgba(0, 0, 0, 0.7);
	height: calc(tan(60deg) * 12px / 2);
	width: 12px;
	clip-path: polygon(50% 0, 100% 100%, 0 100%);
}
article section.area div.map_link div dd a {
	position: relative;
	display: block;
	white-space: nowrap;
	color: #fff;
	font-size: 16px;
	padding: 6px 2em 6px 0;
}
article section.area div.map_link div dd a::after {
	content: '';
	position: absolute;
	top: 0.6em;
	right: 0;
	width: 7px;
	height: 7px;
	border-top: solid 2px #96C85F;
	border-left: solid 2px #96C85F;
	transform: rotate(225deg);
}
article section.area div.map_link dl > div dt strong {
	display: block;
	margin-bottom: 4px;
	font-size: 18px;
	font-weight: 700;
}

/* section.area div.map_content
-------------------------------------------------------------*/

/* dl.plan_btn */

article section.area dl.plan_btn {
	width: 880px;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}

/* ul.map_event */

article section ul.map_event li > dl:hover {
	transform: translate(2px,2px);
	cursor: pointer;
}

/* section.pref
-------------------------------------------------------------*/

article section dl.pref {
	display: block !important;
	padding: 20px 15px;
	background: #fff url(../images/pref_map.png) no-repeat center center;
	background-size: auto 100%;
}
article section dl.pref div {
	display: flex;
	padding: 10px 0;
}
article section dl.pref ul {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
article section dl.pref dt {
	padding-right: 10px;
}
article section dl.pref a {
	display: flex;
	padding: 0 20px;
	justify-content: center;
	align-items: center;
	height: 2.8em;
	border-radius: 10px;
	border: 1px solid #96c85f;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 1.2px;
}
article section dl.pref dt a {
	width: 10em;
	background: #96c85f;
	color: #FFF;
}
article section dl.pref dd a {
	background: #FFF;
	color: #333;
}

} /* end @media */


/* ============================================================
SP
============================================================ */

@media screen and (max-width: 759.9px) {

/* entire
-------------------------------------------------------------*/


article {
	width: 100%;
	max-width: 100%;
	overflow-x: hidden;
}

article > section {
	padding: 50px 0 50px;
}

article section .pc {
	display: none !important;
}

article section > div.inner {
	width: calc(100% - 8vw);
	margin: 0 auto;
}

/* section.mv
-------------------------------------------------------------*/

article section.mv h1 {
	font-size: 22px;
}

article section.mv div.parameters {
	width: calc(100% - 8vw);
	/*height: 350px;*/
	background: #fff;
	margin: 0 auto;
}
article section.mv div.copy {
	padding: 20px 4vw 16px;
}

/* section.options
-------------------------------------------------------------*/

article section.options a {
	width: 11em;
	font-size: 12px;
	font-feature-settings: 'palt';
}


/* section.banner
-------------------------------------------------------------*/

article section.banner {
    padding: 25px 0 0;
}
article section.banner dl {
	padding: 30px 4vw 15px;
}

article section.banner dl div {
	margin-bottom: 1.2em;
	padding-left: 0;
}
article section.banner dt {
	position: relative;
	font-size: 14px;
}
article section.banner dd {
	font-size: 16px;
}

/* common
-------------------------------------------------------------*/

/* h2 */

article section div.inner > h2:first-child {
	margin-bottom: 0.8em;
	font-size: 20px;
}




/* h3 */

article section div.inner > h3 {
	font-size: 18px;
}
article section div.inner > h3 strong {
	font-size: 14px;
}


/* dl.recommendation */

article section dl.recommendation p.copy {
	margin-bottom: 0.8em;
}


/* dl.recommendation.event */

article section dl.recommendation.event > dd {
	max-width: 84vw;
}

/* p.copy */

article section p.copy {
	font-size: 16px;
}


/* p.img_left & dl.point_info */

article section p.img_left {
	float: none;
	width: 100%;
	max-width: 100%;
}
article section p.img_left img {
	width: 100%;
	max-width: 100%;
	margin: 0 0 25px;
}

/* dl.plan_btn */

article section dl.plan_btn:not(:last-child) {
	margin-bottom: 1.8em;
}
article section dl.plan_btn a {
	font-size: 14px;
}

/* dl.link_btn */

article section dl.plan_btn ul {
	display: block;
}
article section dl.plan_btn li {
	width: 100%;
	margin-bottom: 0.6em;
}

article section dl.plan_btn dt {
	margin-bottom: 0.6em;
	line-height: 1.47;
}

/* ul.slide */

article section ul.slide {
	width: 100%;
}
article section ul.slide::after {
	content: none;
}
article section ul.slide li.slick-slide {
	padding: 0 2vw;
}

/* section.area div.map_link
-------------------------------------------------------------*/

article section.area div.map_link {
	margin-bottom: 40px;
}

article section.area div.map_link dt img {
	width: 100%;
	margin: 0 auto 30px;
}

article section.area div.map_link dl.area_btn {
	display: flex;
	justify-content: centers;
	flex-wrap: wrap;
	width: 100%;
	gap: 10px;
}
article section.area div.map_link div {
	position: relative;
	width: 48%;
}
article section.area div.map_link dt a {
	display: block;
	padding: 12px 0;
	background: #96c85f;
	border-radius: 10px;
	text-align: center;
	color: #fff;
	font-size: 12px;
	opacity: 1 !important;
	pointer-events: none;

}
article section.area div.map_link dt a strong {
	display: block;
	margin-bottom: 4px;
	font-size: 15px;
	font-weight: 700;
}

article section.area div.map_link div dd {
	position: absolute;
	top: calc(100% + 10px);
	z-index: -10;
	padding: 10px 20px;
	border-radius: 5px;
	background: rgba(0, 0, 0, 0.7);
	visibility: hidden;
	opacity: 0;
	transition: all .2s ease-in;
}
article section.area div.map_link div:nth-child(odd) dd {left: 0;}
article section.area div.map_link div:nth-child(even) dd {right: 0;}

article section.area div.map_link div dd.on {
	z-index: 10;
	visibility: visible;
	opacity: 1;
}
article section.area div.map_link div dd::before {
	content: '';
	position: absolute;
	top: -9px;
	background: rgba(0, 0, 0, 0.7);
	height: calc(tan(60deg) * 12px / 2);
	width: 12px;
	clip-path: polygon(50% 0, 100% 100%, 0 100%);
}

article section.area div.map_link div:nth-child(odd) dd::before {left: 20.5vw;}
article section.area div.map_link div:nth-child(even) dd::before {right: 20.5vw;}

article section.area div.map_link div dd a {
	position: relative;
	display: block;
	white-space: nowrap;
	color: #fff;
	font-size: 15px;
	padding: 6px 1.6em 6px 0;
}
article section.area div.map_link div dd a::after {
	content: '';
	position: absolute;
	top: 0.6em;
	right: 0;
	width: 7px;
	height: 7px;
	border-top: solid 2px #96C85F;
	border-left: solid 2px #96C85F;
	transform: rotate(225deg);
}
article section.area div.map_link dl > div dt strong {
	display: block;
	margin-bottom: 4px;
	font-size: 18px;
	font-weight: 700;
}

/* section.area div.map_content
-------------------------------------------------------------*/

/* h3 */

/* ul.map_area */

article section.area ul.map_area {
	width: 100vw;
	margin-left: -4vw;
}

article section.area ul.map_area {
	margin-bottom: 20px;
}
article section.area ul.map_area li.slick-slide {
	margin: 0 2vw;
	padding: 20px 4vw 20px;
	background: #FFF;
}

article section.area ul.map_area h4 {
	margin-bottom: 0.6em;
	font-size: 16px;
}

/* p.img_left & dl.point_info */


/* p.map_point_info */

article section.area p.map_point_info {
	display: -webkit-box;
	max-height: 9.4em;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 6;
	margin-bottom: 10px;
	overflow: hidden;
	transition: max-height .3s ease-in;
}
article section.area p.map_point_info.on {
	-webkit-line-clamp: 999;
	max-height: 1000px;
}
article section.area div.mpi_btn {
	width: 100%;
	height: 3em;
	margin-bottom: 20px;
}
article section.area div.mpi_btn a {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 3em;
	padding: 0 0.5em;
	line-height: 1.2;
	border: solid 1px #96c85f;
	border-radius: 30px;
	background: #96c85f;
	font-size: 14px;
	color: #fff;
	opacity: 1 !important;
}
article section.area div.mpi_btn a.on {
	background: #fff;
	color: #96c85f;
}
article section.area div.mpi_btn a:before,
article section.area div.mpi_btn a:after{
	content: '';
	position: absolute;
	top: 0; 
	bottom: 0;
	right: 20px;
	margin: auto;
	width: 12px;
	height: 3px;
	background: #fff;
}
article section.area div.mpi_btn a:before{
	transform: rotate(90deg);
}
article section.area div.mpi_btn a.on:before{
	background: transparent;
}
article section.area div.mpi_btn a.on:after{
	background: #96c85f;
}
article section.area div.mpi_btn a span.b1 {display: inline-block;}
article section.area div.mpi_btn a span.b2 {display: none;}
article section.area div.mpi_btn a.on span.b1 {display: none;}
article section.area div.mpi_btn a.on span.b2 {display: inline-block;}


/* dl.plan_btn */

article section.area ul.map_area h5 {
	margin-bottom: 0.6em;
	line-height: 1.47;
}

/* dl.hotel */

article section.area dl.hotel {
	padding: 4vw;
}

article section.area dl.hotel {
	padding: 20px 4vw;
}

article section.area dl.hotel p.img_left {
	width: 100%;
	max-width: 100%;
	margin: 0 0 25px;
}
article section.area dl.hotel p.img_left img {
	width: 100%;
	max-width: 100%;
}

article section.area dl.hotel p.link_2 a {
	font-size: 14px;
}

/* ul.map_keyword */

article section.area ul.map_keyword {
	margin-bottom: 40px;
	padding: 4vw 4vw;
}
article section.area ul.map_keyword {
	gap: 10px 4vw;
}
article section.area ul.map_keyword a {
	padding: 10px 4vw;
}


/* ul.map_season */

article section.area ul.map_season li {
	width: 100%;
	gap: 4vw;
}
article section.area ul.map_season img {
	width: 100%;
}

/* ul.map_event */

/* 
article section.area ul.map_event dt.name {
	font-size: 14px;
}
article section.area ul.map_event dd.text {
	font-size: 14px;
}
 */

/* section.area div.text_link
-------------------------------------------------------------*/

section.area div.text_link {
	padding: 25px 4vw 15px ;
}

section.area div.text_link dl.plan_btn ul {
	flex-wrap: no-wrap;
}
section.area div.text_link dl.plan_btn li {
	width: 100%;
	margin-bottom: 10px;
}

/* section.plan
-------------------------------------------------------------*/

/* section.plan p.btn_wide */

article section.plan p.btn_wide a {
	margin: 0 auto 50px;
}

/* section.activity
-------------------------------------------------------------*/


/* section.vehicle
-------------------------------------------------------------*/

article section.vehicle h3 {
	margin: 40px auto 15px !important;
}

article section.vehicle p {
	text-align: left;
}
article section.vehicle div.box {
	padding: 30px 4vw 20px;
	background: #fff;
}
article section.vehicle ul.type1 {
	display: flex;
	justify-content: stretch;
	gap: 1vw;
	margin-bottom: 30px;
}
article section.vehicle ul.type1 li {
    margin-right: 5px;
    margin-bottom: 5px;
}

/* section.theme
-------------------------------------------------------------*/

article section ul.theme {
	gap: 2vw;
}

article section ul.theme > li {
	width: 48.5%;/*100*/
}
article section ul.theme dl {
	padding: 10px;
}
article section ul.theme dt {
	font-size: 0.7em;/*16px*/
}
article section ul.theme a {
    font-size: 0.7em;/*14px*/
}

/* section.qa
-------------------------------------------------------------*/

article section dl.qa dt,
article section dl.qa dd {
	padding-right: 4vw;
	padding-left: calc(40px + 4vw);
}
article section dl.qa span {
	left: 4vw;
}

/* section.pref
-------------------------------------------------------------*/

article section.pref h2 {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 2.2em;
	margin: 0 !important;
	background-color: #96c85f;
	border-radius: 10px;
	color: #FFF !important;
	font-size: 18px;
	background-image: url(../images/icon_plus.svg);
	background-repeat: no-repeat;
	background-position: center right 4vw;
	background-size: 14px;
}
article section.pref h2.on {
	background-image: url(../images/icon_minus.svg);
}

article section dl.pref {
	display: none;
	padding: 10px 4vw;
	background: #fff;
}
article section dl.pref div {
	display: flex;
	padding: 10px 0;
}
article section dl.pref ul {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 0;
}
article section dl.pref a {
	font-size: 14px;
	white-space: nowrap;
}
article section dl.pref dt a {
	color: #333;
	font-weight: 700;
}
article section dl.pref dd a {
	color: #666;
}
article section dl.pref dd a::before {
	content: '｜';
}
article section dl.pref dd li:last-child a::after {
	content: '｜';
}

/* section.inquiry
-------------------------------------------------------------*/

article section.inquiry p {
	text-align: left;
}
article section ul.inquiry {
	flex-direction: column;
	padding: 30px 4vw;
	gap: 4vw;
}
article section ul.inquiry a {
	width: 100%;
	max-width: 100%;
	padding: 4vw 0;
}

} /* end @media */


/* ============================================================
intermediate
============================================================ */

@media screen and (min-width:760px) and (max-width:1100px) {

	article section dl.plan_btn {
		width: 100% !important;
		max-width: 100% !important;
	}

	article section.area ul.map_area {
		max-width: calc(88% + 20px);
	}
	article section.area ul.map_area li.slick-slide {
		padding-left: 16px;
		padding-right: 16px;
	}
	article section.area dl.plan_btn {
		max-width: 90%;
	}
	article section.area dl.plan_btn li {
		width: 32%;
	}
	article section.area dl.plan_btn a {
		font-size: 15px;
	}
	article section.area dl.hotel {
		max-width: 99.9%;
		max-width: 99.9%;
	}

	article section ul.slide {
		max-width: calc(86% + 20px);
		left: 10px;
	}

	article section.vehicle ul.type1 {
		justify-content: flex-start;
		gap: 10px;
	}

	article section ul.theme > li {
		width: calc((100% - 35px)/2);
	}

} /* end @media */