@charset "utf-8";
/* CSS Document */
html{-webkit-text-size-adjust:100%}
.wrapper {overflow:hidden;}

/*clearfix*/
.clearfix:after{content: "."; display: block; height: 0; font-size:0; clear: both; visibility:hidden}
.clearfix{display: inline-block;}
* html .clearfix{height: 1%;}
.clearfix{display:block;}

.conWrap ul, 
.conWrap ol {list-style:none}

.conWrap img {
	max-width:100%;
	border:0;
	height: auto;
}
.conWrap a {
	border:0;
	outline:none;
	vertical-align:baseline;
	background:transparent;
}
.conWrap * {
	-webkit-touch-callout: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

/*set ==================================*/

#boxMain{
	background:#FFF;
	font-size:1.2em;
}

/*#boxMain * {
	-webkit-touch-callout: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}*/



#title{
	background:#f8f7f5;
	margin:0 0 5px 0;
}
	
#title img{
	width:100%;
	height:auto;
}

#title h2{
	font-size:1.2em;
	margin:5px 5px 0;
}

#title p{
	margin:5px 5px 0;
}

.wrapper #pastlist a{
	display:inline-block!important;
	
}

/*keywords----------------------------------------*/

.keywordBlockA01{
	display:block;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #514640;
	padding:10px;
	margin:0 5px 15px;
}

.keywordBlockA01 h2{
	display:block;
	font-size:1.1em;
	margin:0 0 8px 0;
}

.keywordBlockA01 ul{
	display:block;
	overflow:hidden;
}

.keywordBlockA01 ul li{
	padding:5px;
	float:left;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #514640;
	margin:0 5px 5px 0;
}

/*topBtn----------------------------------------*/

ul#areaSelect{
    display:-webkit-box;
    display:-moz-box;
    width:99%;     /*firefoxでリキッドにするのに必要*/
    height:auto;    /*chormeで高さがたりないため必要*/
	margin:10px auto 15px;
	overflow:hidden;
}

ul#areaSelect li{
    -webkit-box-flex:1;
    -moz-box-flex:1;
}

ul#areaSelect li#area a{
	text-align:left;
	padding:10px 0 10px 5px;
	background:url(//www.nta.co.jp/tavira/sp/images/common/im_arrow_w.png) no-repeat #f8587a 98.5% 50%;
	background-size:10px auto;
	color:#FFF;
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	margin:0 5px 0 8px;
}
ul#areaSelect li#busi a{
	text-align:left;
	padding:10px 0 10px 5px;
	background:url(//www.nta.co.jp/tavira/sp/images/common/im_arrow_w.png) no-repeat #0076a1 98.5% 50%;
	background-size:10px auto;
	color:#FFF;
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	margin:0 5px 0 0;
}

ul#areaSelect li a{
	display:block;
	color:#FFF;
	font-size:0.9em;
}

/*jyoshiichiran----------------------------------------*/


#box ul li{

}

#boxPickup h2{
	display:block;
	background:url(//www.nta.co.jp/tavira/sp/images/common/bg.gif);
	padding:8px;
	margin:0 0 8px 0;
	color:#FFF;
	font-size:1.3em;
}

#boxPickup{
	margin:0 5px 15px;
}

.iconPickup{
	margin:0 0 4px 0;
}

#boxPickup div,#PlagClose1 div{
	display:block;
	overflow:hidden;
	margin:0 0 8px 0;
	padding:0 24px 8px 0;
	border-bottom:#CCC 1px solid;
	background:url(//www.nta.co.jp/tavira/sp/images/common/im_arrow.png) no-repeat 100% 50%;
	background-size:15px auto
}

#boxPickup div .imgPIckup,#PlagClose1 div .imgPIckup{
	float:left;
	width:150px;
	margin:0 10px 0 0;
}

#boxPickup div .imgPIckup img,#PlagClose1 div .imgPIckup img{
	width:100%;
	height:auto;
}

.txtPickup{
	line-height:1.4em;
	overflow:hidden;
}

#btnMore{
	display:block;
	padding:8px;
	margin:0 15px 15px;
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	background:url(//www.nta.co.jp/tavira/sp/images/common/im_plus.png) no-repeat #d42568 99% 50%;
	background-size:12px auto;
	color:#FFF;
	text-align:center;
}

#btnMore.open{
	background:url(//www.nta.co.jp/tavira/sp/images/common/im_plus2.png) no-repeat #d42568 99% 50%;
	background-size:12px auto;

}

#PlagClose1{
	display:none;
	margin-bottom:15px;
	margin:0 5px;
}

/*osusume----------------------------------------*/

#osusume{
	margin:0 5px 15px;

}
#osusume h2{
	display:block;
	background:url(//www.nta.co.jp/tavira/sp/images/common/bg.gif);
	padding:8px;
	margin:0 0 0 0;
	color:#FFF;
	font-size:1.3em;
}

#osusume div{
	display:block;
	overflow:hidden;
	margin:0 0 8px 0;
	border-bottom:#CCC 1px solid;
	padding:0 24px 8px 0;
	border-bottom:#CCC 1px solid;
	background:url(//www.nta.co.jp/tavira/sp/images/common/im_arrow.png) no-repeat 100% 50%;
	background-size:15px auto
}

#osusume div p{
	display:block;
	width:80px;
	height:auto;
	float:left;
	margin:0 10px 0 0;
}

#osusume div p span{
	background:#ee9591;
	display:block;
	text-align:center;
	color:#FFF;
	font-size:0.8em;
	padding:3px;
}

#osusume div p img{
	width:100%;
	height:auto;
}

#osusume div dl{
	margin:0;
	padding:0;
	overflow:hidden;
}

#osusume div dt,#osusume div dt a,#osusume div dd{
	line-height:1.4em;
}


#osusume div dd span{
	color:#F00;
}

/*panf----------------------------------------*/

#panfWrap{
	margin:0 5px 15px;
}

#panfWrap ul#navi{
    display:-webkit-box;
    display:-moz-box;
	width:100%;     /*firefoxでリキッドにするのに必要*/
    height:auto;    /*chormeで高さがたりないため必要*/
	border-bottom:3px solid #d42568;
	margin:0 0 5px 0;
}

#panfWrap > ul#navi li{
	 -webkit-box-flex:1;
    -moz-box-flex:1;
	background:#554a44;
	padding:8px 0;
	text-align:center;
	color:#FFF;
-webkit-border-radius: 3px 3px 0 0;
border-radius: 3px 3px 0 0;
margin:0 0 0 1px
}

@media screen and (min-width: 500px) {
#panfWrap > ul#navi li br{
	display:none;
}
}


#panfWrap > ul#navi li.select{
	background:#d42568;
}

.disnon{
	display:none!important;
}

#panfWrap p{
	display:block;
	padding:2px 0 0 0;
	margin:0 0 5px 0;
}

#panfWrap h2{
	display:block;
	background:url(//www.nta.co.jp/tavira/sp/images/common/bg.gif);
	padding:8px;
	margin:0 0 8px 0;
	color:#FFF;
	font-size:1.3em;
}

.panf_deptitle{
	display:block;
}

.panf_deptitle h4{
	background:#b5923e;
	padding:5px;
	color:#FFF;
	margin:0;
	display:none;
}

.panf_deptitle ul{
	display:block;
	overflow:hidden;
	margin:0;
	padding:0;
	font-size:0.8em;
}

.panf_deptitle ul li{
	width:33.3333%;
	min-height:240px!important;
	float:left;
	padding:8px 10px 8px;
	margin:0 0 0 0;
	border-bottom:#CCC 1px dotted;
	line-height:1.2em;
}

.panf_deptitle ul li a{
	display:block;
	padding:2px 8px 2px 2px;
	margin:0 0 5px 0;
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	background:url(//www.nta.co.jp/tavira/sp/images/common/im_arrow_w.png) no-repeat #d42568 99% 50%;
	background-size:8px auto;
	color:#FFF;
	text-align:center;
}

.panf_deptitle ul li:nth-child(3n+2){
	width:33.33333%;
	height:auto;
	float:left;
	padding:8px 10px 8px;
	margin:0 0 0 0;
	border-bottom:#CCC 1px dotted;
	border-right:#CCC 1px dotted;
}

.panf_deptitle ul li:nth-child(3n+1){
	width:33.33333%;
	height:auto;
	float:left;
	display:block;
	padding:8px 10px 8px;
	margin:0 0 0 0;
	border-bottom:#CCC 1px dotted;
	border-right:#CCC 1px dotted;
}

.panf_deptitle ul li img{
	width:100%;
	height:auto;
	display:block;
	margin:0 0 5px 0;
	padding:0;
}

/*facebookWrap----------------------------------------*/

#facebookWrap{
	margin:0 5px;
}

#facebookWrap p {
	margin:0 0 5px 0;
}

#facebookWrap p a{
	display:inline;!important
}

#facebookWrap h2{
	display:block;
	background:url(//www.nta.co.jp/tavira/sp/images/common/bg.gif);
	padding:8px;
	margin:0 0 8px 0;
	color:#FFF;
	font-size:1.3em;
}

#facebookWrap h3{
	display:block;
	background:#b5923e;
	padding:2px 2px 2px 5px;
	margin:0 0 8px 0;
	color:#FFF;
	font-size:1em;
}

#facebookWrap div{
	display:block;
	overflow:hidden;
	margin:0 0 8px 0;
	padding:0 0 8px 0;
	border-bottom:#CCC 1px solid;
}
#facebookWrap div p{
	width:130px;
	height:auto;
	float:left;
	margin:0 10px 0 0;
}

#facebookWrap div p img{
	width:100%;
	height:auto;
}

#facebookWrap div dl{
	display:block;
	padding:0;
	margin:0;
	line-height:1.4em;
}

#facebookWrap div dl dt{
	font-size:1.1em;
	font-weight:bold;
}


/*osusume----------------------------------------*/

#tavira{
	margin:0 0 15px 0;

}
#tavira *{ 
	-webkit-touch-callout: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

#tavira h2{
	display:block;
	background:url(//www.nta.co.jp/tavira/sp/images/common/bg.gif);
	padding:5px;
	margin:0 0 0 0;
	color:#FFF;
	font-size:1.3em;
	text-align:center;
}

#tavira ul{
	background:#ee9591;
	overflow:hidden;
	padding:5px 0;

}

#tavira ul li{
	width:16.6666%;
	height:auto;
	float:left;
	margin:0;
	background:url(//www.nta.co.jp/tavira/sp/images/common/im_border.png) repeat-y 0 100%;
}

#tavira ul li:first-child{
	background:none 0 100%;
	
}

#tavira ul li img{
	width:100%;
	height:auto;
	padding:0 1px 0 3px;
}


#top {

}

#top a{
	font-size:1em;
	bottom: 10px;
	position: fixed;
	right: 10px;
	background:#d42568;
	padding:10px 0;
	width:100px;
	height:30px;
	color:#FFF;
	line-height:30px;
	text-align:center;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

#tourTypeTit{
	display:block;
	background:#ee9d9a;
	margin:0;
	padding:10px 0 0 10px;
	color:#423934;
	text-align:center;
}

#planName{
	padding:5px;
	background:#ee9d9a;
	display:table;
	width:100%;
	margin:0 0 15px 0;
}

#planName li{
	display:table-cell;
	padding:0 2px;
	}

#planName li a{
	background:#FFF;
	display:block;
	padding:5px 14px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
position:relative;
}

#planName li a:after{
	position:absolute;
	top:50%;
	right:2px;
	content:""; /* 空の要素を作成 */
	width:0;
	height:0;
	margin-top:-5px; /* 位置を中心に調整 */
	border-width:5px;
	border-style:solid;
	border-color:#ee9d9a transparent transparent transparent;
	/*border-left-color:#FFF;  矢印の色 */
}

.tourTypeSubTit{
	background:#423934;
	padding:5px;
	font-size:0.9em;
	color:#FFF;
	margin:0 0 5px 0;
}


/*--------------------------------------------------------------*/

ul#naviJr,
ul#naviAir,
ul#naviTour{
    display:-webkit-box;
    display:-moz-box;
	width:100%;     /*firefoxでリキッドにするのに必要*/
    height:auto;    /*chormeで高さがたりないため必要*/
	border-bottom:3px solid #d42568;
	margin:0 0 5px 0;
}

ul#naviJr li,
ul#naviAir li,
ul#naviTour li{
	 -webkit-box-flex:1;
    -moz-box-flex:1;
	background:#554a44;
	padding:8px 0;
	text-align:center;
	color:#FFF;
-webkit-border-radius: 3px 3px 0 0;
border-radius: 3px 3px 0 0;
margin:0 0 0 1px
}

@media screen and (min-width: 500px) {
ul#naviJr li br,
ul#naviAir li br,
ul#naviTour li br{
	display:none;
}
}


ul#naviJr li.selectJr,
ul#naviAir li.selectAir,
ul#naviTour li.select Tour{
	background:#d42568;
}

.disnonJr,
.disnonAir,
.disnonTour
{
	display:none!important;
}