@charset "utf-8";

/* ============================= 共通 =============================  */

* { 
	padding: 0px;
	margin: 0px;
	border: none;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

li { list-style-type: none;}

p,li,ul,dl,dt,dd{
	margin:0;
	padding:0;
}
a { text-decoration:none; color: #333; overflow: hidden;}

a:hover {
	color:#F60;
}

#mainBg{
	width:100%;
	position:relative;
}

#mainBg p{
	position:absolute;
}
#mainBg p.topMainImg{
	right:2%;
	top:10%;
}
#mainBg p.topMainArea{
	left:2%;
	top:5%;
}
#mainBg p.topMainBtn{
	bottom:0;
}

/*見出し*/
.mainIslandCont h2{
	margin-top:25px;
	margin-bottom:15px;
	border-top:5px solid #16c1bf;
	border-bottom:5px solid #16c1bf;
	padding:18px 0;
	text-align:center;
	font-size:1.5em;
	background:#fff!important;
}
@media only screen and (max-width: 767px){

.mainIslandCont h2{
	margin-top:20px;
	margin-bottom:8px;
	padding:13px 0;
	text-align:center;
	font-size:1.3em;
	clear:both;
	background:#fff!important;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
}
}
#pageNav {
	margin:8px 0;
}
#pageNav ul li{
	float:left;
}
.mainIslandCont #pageNav ul {
	 display: table;
	  table-layout: fixed;
	  text-align: center;
	  width: 100%;
}
.mainIslandCont #pageNav ul li{
	display: table-cell;
	float:none;
    vertical-align: middle;
	padding:10px 0;
	text-align:center;
	border-right: 1px solid #16c1bf;
}
#pageNav ul li a{
	color: #000;
}
.mainIslandCont #pageNav ul li:hover{
	background:#fff;
}
.mainIslandCont #pageNav ul li i{
	margin-left:5px;
}
.mainIslandCont #pageNav ul li:last-child{
	border-right:none;
}
@media only screen and (max-width: 767px){
#pageNav ul li a{
	font-size:0.9em;
}
}
/*日付検索*/
#year1,#month1,#day1{
	font-size:18px;
}
.searchBox{
	margin: 10px auto 20px;
    width: 80%;
    clear: both;
    border: 1px solid #666;
    background: #fff;
}
.tourTtl{
	font-size: 1.4em;
    color: #fff;
    padding: 5px 8px;
    font-weight: bold;
    background: #666;
}
.tourTtl i{
	margin-right:3px;
}
.tourTtl span.eng:after{
	content:"??";
	padding:0 2px;
	font-size:0.8em;
	font-weight:normal;
}
.searchBoxInner {
	padding:8px;
}
.searchBox img.ui-datepicker-trigger {
    width: 25px;
    height: auto;
    vertical-align: bottom;
}
.searchBox p.searchBtn{float:right; width:150px;margin:0 auto;}
.searchBox p.searchBtn button{width:100%;background-color:#f90 ;border:none;padding:1px 0; color:#FFFFFF;cursor:pointer;border-radius:5px;margin:0 auto;font-size: 1.6em;
font-weight: bold;}
.searchBox p.searchBtn button i{margin-right:5px;}
.searchBox p.searchBtn button:hover{background-color:#CCC;}
.searchBox select,.searchBox input{padding:3px;max-width: 200px;}
.searchBox #useDay01{margin:2px auto;display:inline;}
.searchBox input{padding: 5px;border: 1px solid #eee;}
.searchBox input.year1{width:100px;}
.searchBox span{float:left;margin-right:5px;}
.searchBox img{vertical-align:middle;cursor:pointer;width:29px;height:29px;}
.searchBox img:hover{opacity:0.8;}
#ndSearch {
	background-color:#fff;
}
/*リード*/
#leadtxt{
	margin-top:20px;
}
#leadtxtInner {
	padding:8px 15px;
	display: flex;
}
@media only screen and (min-width: 768px){

#leadtxt .leadImg{
	width:244px;
	margin:0px 8px 0px 0px;
}
#leadtxt .leadCont{
	width:70%;
}
}
#leadtxt .leadCont {
	line-height:1.3em;
	font-size:1.1em;
}
#leadtxt .leadCont ul {
	margin-bottom:8px;
}
#leadtxt .leadCont ul li{
	font-size:1.3em;
	line-height:1.5em;
	background: linear-gradient(transparent 40%, #ffff66 40%);
	margin-bottom:5px;
	display:inline;
}
#leadtxt .leadCont .leadData{
	background:#fff;
	padding:5px;
	margin-top:8px;
}
#leadtxt .leadComments{
/*	padding:8px;*/
	width:97%;
	margin:8px auto;
}
#leadtxt .leadComments p.leadCommentTtl{
	margin-bottom:5px;
	font-weight:bold;
}
#leadtxt .leadComments p.leadCommentTtl i{
	font-size:1.5em;
	margin-right:5px;
}
#leadtxt .leadComments ul li{
	float:left;
	border:2px solid #fff;
	padding:5px;
	width: 47.7%;
	margin-right:5px;
	margin-bottom:5px;
}
#leadtxt .leadComments ul li.comS{
	width:33%;
}
#leadtxt .leadComments ul li.comL{
	width: 62.4%;
}
#leadtxt .leadComments ul li:nth-child(even){
	margin-right:0;
}
#leadtxt .leadComments blockquote{
	position: relative;
	    display: inline-block;
}
#leadtxt .leadComments blockquote p{
	position: relative;
    z-index: 3;
	padding:5px 20px;
}
#leadtxt .leadComments blockquote:before{
    content: "“";
    font-size: 300%;
    line-height: 0.8em;
    font-family: 'Times New Roman' ,"ＭＳ Ｐゴシック" ,sans-serif;
    color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}
@media only screen and (max-width: 767px){
#leadtxt{
	margin-top:15px;
}
#leadtxtInner {
	padding:8px;
	display:block;
}
#leadtxt .leadImg{
	width: 80%;
	margin: 0px auto 8px;
}

#leadtxt .leadImg img {
    width: 100%;
    height: auto;
}
#leadtxt .leadCont {
	line-height:1.3em;
	font-size:1em;
}
#leadtxt .leadCont ul {
	margin-bottom:8px;
}
#leadtxt .leadCont ul li{
	font-size:1.1em;
	line-height:1.5em;
	background: linear-gradient(transparent 40%, #ffff66 40%);
	margin-bottom:5px;
	display:inline;
}
/*#leadtxt .leadCont p{
	width:100%;
}*/
#leadtxt .leadCont .leadData{
	background:#fff;
	padding:5px;
	margin-top:8px;
}

}

blockquote:after{
    content: "”";
    font-size:300%;
    line-height: 0em;
    font-family: 'Times New Roman' ,"ＭＳ Ｐゴシック" ,sans-serif;
    color: #fff;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 2;
}

/*レジャー*/

.actInner{
	margin:10px 0;
}
.actCont{
	width: 48.5%;
    float: left;
    background: #fff;
    margin-left: 8px;
	margin-bottom:8px;
}
.actCont h3{
	border:none!important;
	text-align:center;
	background:#16c1bf;
	color:#FFFFFF!important;
	padding:8px!important;
	font-size:1.4em!important;
}
.actCont p.actText{
	padding:5px 5px 0px 5px;
	line-height:1.2em;
}
.actCont p.actImg{
	float:left;
	width:45%;
	margin:8px;
}
.actCont p.actImg img{
	width:100%;
}
.actCont ul{
	margin:8px 8px 0px 0px;
	font-size:1.2em;
}
.actCont ul li {
	margin-bottom:3px;
}
.actCont ul li a{
	background:#f90;
	border-radius:5px;
	color:#fff;
	text-align:center;
	padding:8px 0;
	display:block;
	font-weight:bold;
}
.actCont ul li a:hover{
	opacity:0.8;
}
/*ツアー*/
h3.tourCategoryTtl{
	border:none!important;
	background:#16c1bf;
	color:#fff!important;
	text-align:center;
	border:none!important;
	padding:10px 8px!important;
	font-size:1.5em!important;
	width:90%;
	margin:0 auto;
}
.tourCont{
	margin:12px auto;
	width:90%;
	background:#fff;
	padding:8px;
}
.tourCont h3.tourTitle,.tourCont h4{
	border-left:6px solid #16c1bf!important;
	border-bottom:none!important;
	font-size:1.3em!important;
	color:#16c1bf!important;
	padding:5px 0 5px 8px!important;
	margin-bottom:8px;
	background:none!important;
	border-top: none!important;
}
.tourCont .tourContInner .planImg{
	width:42%;
	float:left;
	margin-right:8px;
}
.tourBoxN .tourCont .tourContInner .planImg{
	width:35%;
}
.tourCont .tourContInner .planImg img{
	width:100%;
	height:auto;
}
.tourCont .tourContInner .planDetail,.tourCont .tourContInner .tourDetail{
	font-size:1.1em;
	line-height:1.3em;
}
@media only screen and (min-width: 768px){

.tourCont .tourContInner .tourDetail{
	float:left;
	width:63%;
}
}
.tourCont .tourContInner .planDetail dl{
	margin-bottom:8px;
	padding-bottom:5px;
	border-bottom: 1px dotted #666;
}
.tourCont .tourContInner .planDetail dt {
	float:left;
}
.tourCont .tourContInner .tourDetail dt {
	font-weight:bold;
	font-size:1.2em;
	margin-bottom:5px;
	margin-top:5px;
	border-left:6px solid #16c1bf;
	color:#16c1bf;
	padding:5px 0px 5px 8px;
	line-height:1.3em;
}
.tourCont .tourContInner .tourDetail dd {
	margin-bottom:6px;
}
.tourCont .tourContInner .tourDetail dd.tourIcon span{
	padding:3px;
	background:#666;
	color:#fff;
	margin-right:3px;
	font-size:0.9em;
}
.tourCont .tourContInner .planDetail dt span,.tourCont .tourContInner .tourDetail dd.tourPrice{
	color:#F00;
	font-weight:bold;
	font-size:1.6em;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
}
.tourCont .tourContInner .tourDetail dd.tourPrice{
	padding:5px 0;
}
.tourCont .tourContInner .tourDetail dd.tourPrice span{
	font-weight:normal;
	color:#666;
	font-size:0.7em;
}
.tourCont .tourContInner .planDetail .tourLink{
	width:40%;
	margin:8px auto;
	float:right;
}
.tourCont .tourContInner .tourDetail .tourLink{
	width:80%;
	margin:8px auto;
}
.tourCont .tourContInner .planDetail a,.tourCont .tourContInner .tourDetail .tourLink a{
	background:#f90;
	border-radius:5px;
	color:#fff;
	text-align:center;
	padding:8px 5px;
	display:block;
	font-weight:bold;
	font-size:1.1em;
	border:#f90 2px solid;
}

.tourCont .tourContInner .planDetail a i,.tourCont .tourContInner .tourDetail a i{
	margin-left:5px;
}
.tourCont .tourContInner .planDetail a:hover,.tourCont .tourContInner .tourDetail a:hover{
	background:#fff;
	border:#f90 2px solid;
	color:#f90;
}
@media only screen and (max-width: 767px){
.tourCont{
	margin:8px auto;
	width:90%;
	background:#fff;
	padding:8px;
}
h3.tourCategoryTtl{
	border:none!important;
	color:#fff!important;
	text-align:center;
	border:none!important;
	padding:10px 8px!important;
	font-size:1.1em!important;
	width:90%;
	margin:0 auto;
}
.tourCont h3.tourTitle,.tourCont h4{
	border-bottom:none!important;
	font-size:1em!important;
	padding:0px 0px 5px 8px!important;
	background:none!important;
	border-top:none!important;
}
.tourCont .tourContInner p.planImg{
	float:none!important;
	width:80%;
	margin:5px auto;
}
.tourCont .tourContInner .planImg img{
	width:100%;
	height:auto;
}
.tourBoxN .tourCont .tourContInner p.planImg{
	float:left!important;
	width:40%;
	margin: 5px 5px 5px 0;
}
.tourBoxN .tourCont .tourContInner .planImg img{
	width:100%;
	height:130px;
}
.tourCont .tourContInner .planDetail{
	font-size:1em;
	line-height:1.3em;
}
.tourCont .tourContInner .planDetail dl{
	margin-bottom:8px;
	padding-bottom:5px;
	border-bottom: 1px dotted #666;
}
.tourCont .tourContInner .planDetail dt {
	/*float:left;*/
}
.tourCont .tourContInner .planDetail dt span,.tourCont .tourContInner .tourDetail dd.tourPrice{
	color:#F00;
	font-weight:bold;
	font-size:1.6em;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
}
.tourCont .tourContInner .tourDetail dd:first-child{
	height:130px;
	padding:5px;
}
.tourCont .tourContInner .tourDetail dd {
	margin-bottom:6px;
	font-size:0.9em;
	line-height:1.1em;
}
.tourCont .tourContInner .tourDetail dd.tourIcon span{
	padding:3px;
	background:#666;
	color:#fff;
	margin-right:3px;
	
}
.tourCont .tourContInner .tourDetail dd.tourIcon,.tourCont .tourContInner .tourDetail dd.tourPrice {
	text-align:center;
}
.tourCont .tourContInner .tourDetail dd.tourPrice span{
	font-weight:normal;
	color:#666;
	font-size:0.7em;
}

.tourCont .tourContInner .planDetail .tourLink{
	/*width:40%;*/
	margin:8px auto;
	/*float:right;*/
}
.tourCont .tourContInner a{
	background:#f90;
	border-radius:5px;
	color:#fff;
	text-align:center;
	padding:8px 5px;
	display:block;
	font-weight:bold;
	font-size:1.1em;
	border:#f90 2px solid;
	text-decoration:none;
}
.tourCont .tourContInner a:link,.tourCont .tourContInner a:visited{
	color:#fff!important;
}
.tourCont .tourContInner .planDetail a i,.tourCont .tourContInner .tourDetail a i{
	margin-left:5px;
}
.tourCont .tourContInner .planDetail a:hover{
	background:#fff;
	border:#f90 2px solid;
	color:#f90;
}
}

#islandTour .planListBtn{
	width:80%;
	margin:15px auto;
}
#islandTour .planListBtn a{
	background:#f90;
	border-radius:5px;
	color:#fff;
	text-align:center;
	padding:8px 5px;
	display:block;
	font-weight:bold;
	font-size:1.3em;
	border:#f90 2px solid;	
}
#islandTour .planListBtn a:hover{
	background:#fff;
	border:#f90 2px solid;
	color:#f90;
}
/**/

#nagannuMov .photoTab{overflow:hidden;width: 95%;margin: 8px auto;}
#nagannuMov .photoTab li{
	float:left; 
	width:48%;
	background:#fff;
	color:#666;
	text-align:center;
	cursor:pointer;
	border:2px #666 solid;
	border-radius:5px;
	padding:10px 0;
	margin-left:8px;
	font-size:1.5em;
	font-family: 'Dosis', sans-serif;
	}
#nagannuMov .photoTab li.select,#nagannuMov .photoTab li:hover{
	border:2px #666 solid;
	background:#666;
	color:#fff;
	}
#nagannuMov .photoCont li{}
#nagannuMov .photoCont .hide {display:none;}
#nagannuMov .islandMovie{
	width:94%;
	margin:10px auto;
}
#nagannuMov .islandPhoto {
    width: 90%;
    margin: 8px auto 15px;
	padding-bottom: 15px;
}
#nagannuMov .islandPhoto img{
	width:100%;
	height:412px;
}
#nagannuMov .islandPhoto li span{
	position:absolute;
	padding:8px;
	background:rgba(255,255,255,0.8);
	bottom:0;
	width:100%;
}
@media only screen and (max-width: 767px){
#photoSlider {
    display: none;
}
#nagannuMov .photoTab{overflow:hidden;width: 95%;margin: 8px auto;}
#nagannuMov .photoTab li{
	float:left; 
	width:47%;
	background:#fff;
	color:#f90;
	text-align:center;
	cursor:pointer;
	border:2px #f90 solid;
	border-radius:5px;
	padding:6px 0;
	margin-left:5px;
	font-size:1.2em;
	font-family: 'Dosis', sans-serif;
	}
#nagannuMov .photoTab li.select,#nagannuMov .photoTab li:hover{
	border:2px #f90 solid;
	background:#f90;
	color:#fff;
	}
#nagannuMov .photoCont li{}
#nagannuMov .photoCont .hide {display:none;}
#nagannuMov .islandMovie{
	width:94%;
	margin:10px auto;
}
#nagannuMov .islandPhoto {
    width: 90%;
    margin: 8px auto 15px;
	padding-bottom: 15px;
}
#nagannuMov .islandPhoto img{
	width:100%;
	height:250px;
}
#nagannuMov .islandPhoto li span{
	position:absolute;
	padding:8px;
	background:rgba(255,255,255,0.8);
	bottom:0;
	width:100%;
}
}


.cb20{
	clear: both;
	height: 20px;
	width: 100%;
}

.imgcenter{
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
.clearfix:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
}  
  
.clearfix { display: inline-table; }  
  
/* Hides from IE-mac \*/  
* html .clearfix { height: 1%; }  
.clearfix { display: block; }  
/* End hide from IE-mac */  
body {
	font-family: Verdana,Meiryo, "メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Arial,   Helvetica, sans-serif;
	color: #333333;
	padding: 0px;
	font-size: 12px;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 130%;
	margin-right: auto;
	margin-left: auto;
}

#mainContents{ 
	margin-bottom:5px;
	padding-bottom:8px;
	background:url(../../img/topics/desert/bg_new.png) repeat;
}

#mainContents a:hover img{
	opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

.waku{
	border: 1px solid #ccc;
	margin-bottom:5px;
	padding:5px;
}

.sns table td{
	border:none!important;
}

/*-------メイン-------*/
#mainContents{
	padding:8px 0px 8px 0px;
	margin-bottom:8px;
}
#mainContents .mainContentsInner{
	background:#FFF;
	width:542px;
	margin:0px auto 20px;
	padding-top:5px;
}
#mainContents h3.title{
	font-weight:bold;
	font-size:17px;
	padding:5px;
	margin:3px 0px 0px 6px;
	border-bottom:none;
	clear:both;
}


/*オレンジ*/
#mainContents h3.title{
	color:#F60;
	border-left:#F90 7px solid;
}

.movie{
	padding-left:10px;
	padding-right:10px;
}

/*Q&A*/
#QandA dl{
	font-size:13px;
	line-height:1.5em;
	padding:10px;
	background-color:#FFF;
	width: 90%;
	padding: 8px;
	margin: 8px auto;
}
#QandA dt{
	
	margin-bottom:5px;
	padding-bottom:5px;
}
#QandA dd{
	margin-bottom:10px;
	border-bottom:#999999 1px dotted;
	padding-bottom:5px;
}
#QandA dt:before{
	content:"Q";
	background:#666;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
	color:#FFFFFF;
	padding:3px 5px;
	margin-right:5px;
	font-size:12px;
	font-weight:bold;
}
#QandA dd:before{
	content:"A";
	background:#16c1bf;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
	color:#FFFFFF;
	padding:3px 5px;
	margin-right:5px;
	font-size:12px;
	font-weight:bold;
}

.recommendPlan .tourCont{
	border: 3px solid #c00;
    margin: 0 auto 15px;
    width: 89%;
}
.recommendPlan .tourCategoryTtl{
	background:#c00;
}
.recommendPlan .tourCont h4{
	border-left: 6px solid #c00!important;
    color: #c00!important;
}
.recommendPlan .tourDetail p{
	background:#c00;
	color:#fff;
	padding:3px 12px;
	border-radius: 100px;
	display: inline-block;
    margin-bottom: 5px;
}
.recommendPlan .tourDetail ul{
	margin-bottom:3px;
	font-weight: bold;
}
.recommendPlan .tourDetail li:before{
	font-family: FontAwesome;
	content:'\f058';
	color: #c00;
	margin-right:3px;
}
@media only screen and (max-width: 767px){
.recommendPlan .tourCont .tourContInner p.planImg {
    float: none;
    width: 80%;
    margin: 5px auto 5px;
}
.recommendPlan .tourCont .tourContInner .planImg img {
    height: auto;
}
.recommendPlan .tourCont .tourContInner .tourDetail dd:first-child{
	height:auto;
}
.recommendPlan .tourDetail li{
	font-size:0.9em;
}
}