@charset "utf-8";
@charaset "shift_jis"; 

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

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

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;
}
#main{
	max-width: 1024px;
	margin:0 auto;
}
.topMainBtn img {
    width: 1024px;
}
#mainBg{
	width:100%;
	position:relative;
	background-size: 100%;
	background-position: center;
    background-repeat: no-repeat;
    aspect-ratio: 16 / 8;
}
.mainTop{
	background:url(https://www.tabione.com/img/topics/desert/main_nagannu1.jpg);
}
.mainNagannu{
	background:url(https://www.tabione.com/img/topics/desert/main_nagannu2.jpg);
}
.mainMinna{
	background:url(https://www.tabione.com/img/topics/desert/main_minna.jpg);
}
.mainSesoko{
	background:url(https://www.tabione.com/img/topics/desert/main_sesoko.jpg);
	background-size: 100%;
	background-position:center;
}
.mainKerama{
	background:url(https://www.tabione.com/img/topics/desert/main_kerama.jpg);
}
.mainHamahiga{
	background:url(https://www.tabione.com/img/topics/desert/main_hamahiga.jpg);
}
.mainOther{
	background:url(https://www.tabione.com/img/topics/desert/main_other.jpg);
}
.mainYoutou{
	background:url(https://www.tabione.com/img/topics/desert/main_youtou.jpg);
}
.mainKume{
	background:url(https://www.tabione.com/img/topics/desert/main_kume.jpg);
}
.mainKourijima{
	background:url(https://www.tabione.com/img/topics/desert/main_kourijima.jpg);
}
.mainTsuken{
	background:url(https://www.tabione.com/img/topics/desert/main_tsuken.jpg);
}
.mainKuefu{
	background:url(https://www.tabione.com/img/topics/desert/main_kuefu.jpg);
		background-size: 100%;
	background-position:center;
}
.mainKomaka{
	background:url(https://www.tabione.com/img/topics/desert/main_komaka.jpg);
}
.mainPanari{
	background:url(https://www.tabione.com/img/topics/panari/topimg.png);
	background-size: contain;
}

#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:8px;
	border-top:5px solid #0066cc;
	border-bottom:5px solid #0066cc;
	padding:18px 0;
	text-align:center;
	font-size:2em;
	background:#fff;
	font-family: YuGothic, 游ゴシック, sans-serif, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, メイリオ, Meiryo, verdana, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
/*ナビ*/
#menu_mujin2 {
	background:url(https://www.tabione.com/img/topics/desert/bg_new.png) repeat;
	padding-top:20px;
}
#menu_mujin2 p {
    background: #666;
    width: 30%;
    margin-left: 13px;
    color: #fff;
    text-align: center;
    padding: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
#menu_mujin2 ul{
	width: 96%;
    margin: 0 auto;
	border:#666 2px solid;
	background-color: #ffffff;
	}
#menu_mujin2 ul li{
	display:block;
	float:left;
	font-size:1.1em;
	width:24.8%;
	font-weight:bold;
	background: #fff;
    border-left: 1px dotted #666;  
	height: 52px; 
}
/*#menu_mujin2 ul li:nth-child(1),#menu_mujin2 ul li:nth-child(2),#menu_mujin2 ul li:nth-child(3),#menu_mujin2 ul li:nth-child(4) {
	border-bottom: 1px dotted #666;
}*/
#menu_mujin2 ul li:nth-child(-n+8) {
	border-bottom: 1px dotted #666;
}
#menu_mujin2 ul li:nth-child(1),#menu_mujin2 ul li:nth-child(5),#menu_mujin2 ul li:nth-child(9)  {
	border-left:none;
}

#menu_mujin2 ul li span{
	display:inline-block;
	vertical-align:middle;
	margin:3px;
}
#menu_mujin2 ul li span img{
	width: 50px;
    height: 45px;
}
#menu_mujin2 ul li a{
	display: block;
	color:#333;
}
#menu_mujin2 ul li span.islandName{
	padding-left:5px;
}
#menu_mujin2 ul li span.islandName i{
	margin-left:3px;
}
#menu_mujin2 ul li.tabCurrent{
	color:#0066cc;
}

#menu_mujin2 img{
	opacity:0.5;
}
#menu_mujin2 ul li.tabCurrent img,#menu_mujin2 a:hover img{
	opacity:1;
}
#menu_mujin2 ul li a:hover{
	color:#0066cc;
}
#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;
	font-size:1.2em;
	border-right: 1px solid #0066cc;
}
.mainIslandCont #pageNav ul li:hover{
	background:#fff;
}
.mainIslandCont #pageNav ul li i{
	margin-left:5px;
}
.mainIslandCont #pageNav ul li:last-child{
	border-right:none;
}
/*リード*/
#leadtxt{
	margin-top:20px;
}
#leadtxtInner {
	padding:8px 52px;
}
#leadtxt .leadImg{
	float:left;
	width:50%;
	margin:0px 8px 0px 0px;
}
#leadtxt .leadImg img{
    height: 280px;
    width: 100%;
    object-fit: cover;
    object-position: 50% 34%;
}
#leadtxt .leadCont{
	float:left;
	width:48%;
}
p.btnReadMore a {
    text-align: center;
    background: #666;
    color: #fff;
    display: block;
    padding: 8px 0;
    text-decoration: none;
    font-size: 1.2em;
}
#leadtxt .leadCont {
	line-height:1.3em;
	font-size:1.1em;
}
#leadtxt .leadCont ul {
	margin-bottom:8px;
}
#leadtxt .leadCont ul li{
	font-size:20px;
	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{
/*	background:#fff;
	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;
}
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;
}
/*マップ*/	
#ritouMap {
	margin:20px auto 8px;
}
#ritouMap ul{
	background:url(https://www.tabione.com/img/topics/desert/mapIsland3.png);
	width:700px;
	height:371px;
	margin:8px auto;
	position:relative;
}
#ritouMap ul li a{
	position:absolute;
	display:block;
}
#ritouMap ul li a:hover img{
	opacity: 0.5;
  filter: alpha(opacity=50);
  -ms-filter: "alpha(opacity=50)";
}
#ritouMap ul li.mapNagannu a{
	top: 216px;
	left: 230px;
}
#ritouMap ul li.mapMinna a{
	left: 240px;
	top: 100px;
}
#ritouMap ul li.mapSesoko a{
	top: 134px;
	left: 255px;
}
#ritouMap ul li.mapNap a{
	top:120px;
	left:145px;
}
#ritouMap ul li.mapTuken a{
	left: 250px;
	top: 141px;
}
#ritouMap ul li.mapKutaka a{
	top: 290px;
    left: 400px;
}
#ritouMap ul li.mapMinami a{
	top:49px;
	left:275px;
}
#ritouMap ul li.mapKuehu a{
	top:184px;
	left:16px;
}
#ritouMap ul li.mapTokashiki a{
	top: 309px;
	left: 223px;
}
#ritouMap ul li.mapZamami a{
	top: 226px;
	left: 117px;
}
#ritouMap ul li.mapKerama a{
	top: 292px;
	left: 109px;
}
#ritouMap ul li.mapHamahiga a{
	top: 247px;
	left: 417px;
}
#ritouMap ul li.mapKouri a{
	top: 57px;
	left: 415px;
}
#ritouMap ul li.mapKume a{
	top: 184px;
	left: 2px;
}
#ritouMap ul li.mapSenaga a{
	top: 258px;
	left: 299px;
}
.mapKomaka a{
	top: 330px;
    left: 340px;
}
#intro{
	width:700px;
	margin:8px auto;
}

#intro .introCont .introImg{
	float:left;
	width:40%;
	margin-right:8px;
	margin-bottom:8px;
}
#intro .introCont .introImg img{
	width:100%;
	height:auto;
}
#intro h3{
	background:#06c;
	color:#fff!important;
	text-align:center;
	border:none!important;
	padding:15px 0!important;
	font-size:1.5em!important;
	margin-bottom:10px;
}
#intro h3 i{
	margin-right:8px;
}
#intro h4{
	font-size:1.4em;
	color:#333;
	border:none;
	padding:8px 0;
	color:#06c;
}
#intro .introCont,#intro .introCont2{
	background:#FFFFFF;
	margin-bottom: 10px;
    padding: 8px;
}
#intro .introCont dl dt,#intro .introCont2 dl dt{
	font-size:1.2em;
	font-weight:bold;
}
#intro .introCont dl dd,#intro .introCont2 dl dd{
	font-size:1.1em;
	line-height:1.2em;
	margin:5px 0;
}
#intro .introCont dl dd.introData{
	background:#eee;
	float:right;
	width:57.3%;
	padding:5px;
}
#intro .introCont .introLink{
	clear:both;
	width:70%;
	margin:8px auto 0;
}
#intro .introCont .introLink a,#intro .introCont2 .introLink a{
	color:#fff;
	background:#f90;
	border-radius:5px;
	text-align:center;
	padding:10px;
	font-size:1.4em;
	display:block;
	font-weight:bold;
}
#intro .introCont .introLink a:hover,#intro .introCont2 .introLink a:hover{
	opacity:0.8;
}
/*隠れた離島の紹介*/
#intro .introCont2{
	width: 47.1%;
	float: left;
	background: #fff;
	margin-bottom: 8px;
}
#intro .introCont2:nth-child(odd){
    margin-right: 8px;
}
#intro .introCont2 .introImg{
	float: left;
	width: 45%;
	margin: 8px;
}
#intro .introCont2 .introImg img{
	width:100%;
	height:auto;
}
#intro .introCont2 dl dt::after{
	clear:both;
}

#intro .introCont2 dl dd::before{
	clear:both;
}
#intro .introCont2 dl dd{
	width:100%;
}

#intro .introCont2 dl dd.introData{
	background:#eee;
	float:right;
	width:97%;
	padding:5px;
}
#intro .introCont2 .introLink{
	clear:both;
	width:100%;
	margin:8px auto 0;
}


/*レジャー*/
#activity{
	margin-top:20px;
}
.actInner{
	display:flex;
	flex-wrap:wrap;
	margin:10px 0;
}
.actCont{
	width: 48.5%;
    background: #fff;
    margin-left: 8px;
	margin-bottom:8px;
}
.actCont h3{
	border:none!important;
	text-align:center;
	background:#06c;
	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;
}
/*ツアー*/
.tourNavi{
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 8px 0;
    margin:15px 0;
}
.tourNavi li{
	vertical-align: middle;
    width: 33.3%;
    display: table-cell;
    text-align: center;
    line-height: 1.3em;
    padding: 15px 0;
    background: #fff;
    border-radius: 10px;
    position: relative;
    transition: all 0.3s ease;
    font-weight: bold;
}
.tourNavi li:before {
    content: '';
    left: 50%;
    bottom: -12px;
    width: 0px;
    height: 0px;
    border: 5px solid transparent;
    border-top: 5px solid #06c;
    position: absolute;
    z-index: 2;
}
.tourNavi li:after {
    content: '';
    position: absolute;
    background: #fff;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    margin: 0 auto;
    left: 45%;
    bottom: -13px;
    z-index: 1;
    transition: all 0.3s ease;
}
h3.tourCategoryTtl{
	border:none!important;
	background:#06c;
	color:#fff!important;
	text-align:center;
	border:none!important;
	padding:10px 8px!important;
	font-size:1.5em!important;
	width:90%;
	margin:30px auto 15px;
}
.tourCont{
	margin:15px auto;
	width:90%;
	background:#fff;
	padding:8px;
}
.tourCont h3.tourTitle,.tourCont h4{
	border-left:6px solid #06c!important;
	border-bottom:none!important;
	font-size:1.3em!important;
	color:#06c!important;
	padding:5px 0 5px 8px!important;
	margin-bottom:8px;
    font-weight: bold;
}
.tourCont .tourContInner .planImg {
	width:42%;
	float:left;
	margin: 0 8px 12px 0;
}
.tourBoxN .tourCont .tourContInner .planImg {
	width:35%;
}
.tourCont .tourContInner .planImg img{
	width:100%;
    height: 170px;
	object-fit: cover;
    aspect-ratio: 5 / 3;
    object-position: 50% 10%;
}
.tourCont .tourContInner .snorkeling .planImg img {
    object-position: 100% 65%;
}

.tourCont .tourContInner .diving .planImg img {
    object-position: 100% 33%;
}

.tourCont .tourContInner .cruising .planImg img {
    object-position: 100% 100%;
}

.tourCont .tourContInner .planDetail,.tourCont .tourContInner .tourDetail{
	float:left;
	width:56%;
	font-size:1.1em;
	line-height:1.3em;
}
.tourCont .tourContInner .tourDetail{
	/*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 #06c;
	color:#06c;
	padding:5px 0px 5px 8px;
	line-height:1.3em;
}
.tourCont .tourContInner .tourDetail .tourShop {
	margin-bottom:8px;
    text-align: right;
    margin-top: 8px;
}
.tourCont .tourContInner .tourDetail dd.tourIcon span{
	padding:3px;
	background:#666;
	color:#fff;
	margin-right:10px;
	font-size:0.9em;
    line-height: 28px;
}
.tourCont .tourContInner .planDetail dt span,.tourDetail .tourPrice,.planDetail .tourPrice{
	color:#F00;
	font-weight:bold;
	font-size:1.6em;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
    text-align: center;
    margin: 15px 20px 20px 0;
}
.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;
}

/*タイムテーブル*/
.timeTable{
	margin:12px 0;
}

.timeTable table{
	width:100%;
	border-collapse:collapse;
	border: 1px solid #666;
}
#topics .timeTable th{
	background: #0066cc;
    text-align: center;
    font-weight: bold;
    border-bottom: none;
    padding: 5px 0;
    color: #fff;
    font-size: 1.1em;
}
.timeTable td{
	padding:5px!important;
	border:1px solid #666;
}

.timeTable td a{
	background:#f90;
	color:#fff;
	text-align: center;
	padding:3px 25px;
}
.timeTable .tableTtl td{
	text-align: center;
	background:#eee;
}

/*主催会社ショップからツアーを探す*/
.shopCont {
	width:92%;
	margin:8px auto;
}
.shopCont ul li{
	width:94%;
	float:left;
	background:#fff;
	padding: 10px 8px!important;
    margin: 0px 34px 5px;
}
.shopCont ul li:nth-child(2),.shopCont ul li:nth-child(4){
	margin-right:0px;
}
.shopCont ul li a{
	display:block;
}
.shopCont ul li p{
	float:left;
	vertical-align:middle;
}
.shopCont ul li div{
	float:left;
	width:56%;
}
.shopCont ul li div p{
	font-weight:bold;
	font-size:1.3em;
}
.shopCont ul li div span{
	display:block;
	clear:both;
	color:#666;
    padding: 13px 0 10px 0;
}
#QandA dt {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}
.shopCont ul li div .introduceTxt{
	border-bottom: #999 1px dotted;
}
.shopCont ul li div i{
	margin-left:5px;
}
.shopCont ul li p.activityImg{
	width:40%;
	margin-right:8px
}
.shopCont ul li p.activityImg img{
	width:100%;
	height: 150px;
    object-fit: cover;
    object-position: 50% 37%;
}
.shopCont ul li p.activityImg img:nth-child(1){
	margin-bottom:5px;
}
/*アクティビティからツアーを探す*/
.activityCont {
	width:92%;
	margin:8px auto;
}
.activityCont ul li{
	width:48.1%;
	float:left;
	background:#fff;
	padding:5px;
	margin-right: 5px;
	margin-bottom:5px;
}
.activityCont ul li:nth-child(2),.activityCont ul li:nth-child(4){
	margin-right:0px;
}
.activityCont ul li a{
	display:block;
}
.activityCont ul li p{
	float:left;
	vertical-align:middle;
}
.activityCont ul li div{
	float:left;
	width:56%;
}
.activityCont ul li div p{
	font-weight:bold;
	font-size:1.3em;
}
.activityCont ul li div span{
	display:block;
	clear:both;
	color:#666;
    font-size: 14px;
    padding-top: 10px;
}
td.tdset {
    padding: 0 5px 0 5px;
}
.activityCont ul li div i{
	margin-left:5px;
}
.activityCont ul li p.activityImg{
	width:40%;
	margin-right:8px
}
.activityCont ul li p.activityImg img{
	width:100%;
	height:100px;
    object-fit: cover;
    object-position: center;
}
#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;
}
/**/
#photoSlider {
    display: none;
}
#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%;
}
/*スケジュール*/
#schedule .scheduleInner{
	width:90%;
	background:url(https://www.tabione.com/img/topics/desert/mapBg.jpg) no-repeat;
	background-position:center;
	padding:8px;
	margin:20px auto;
	font-size:1.2em;
	line-height:1.4em;
	max-width:699px;
}
#schedule .scheduleInner li{
	margin-bottom:5px;
}
#schedule .scheduleInner li span{
	width:15%;
	display:block;
	float:left;
	font-weight:bold;
}
#schedule .scheduleInner p{
	margin-top:8px;
	font-size:0.8em;
}
/*情報*/
#infomation .infoCont{
	width:90%;
	margin:8px auto;

	padding:8px;
	font-size:1.1em;
	line-height:1.3em;
}
#infomation .infoWaku{
	border:1px solid #666;
	margin-top:8px;
	padding:5px;
		background:#fff;
}
#infomation .infoWaku .opImage{
	float:right;
}
#infomation p.tel{
	text-align: center;
    margin-top: 8px;
}
#islandInfo .islandInfoInner {
	padding:8px;
	font-size:1.2em;
	line-height:1.3em;
}
#islandInfo .infoMap{
	background:url(https://www.tabione.com/img/topics/desert/mapIslandInner.png) no-repeat;
	background-size:100% 100%;
	position:relative;
	width:45%;
	float:left;
	height:350px;	
	margin-right:8px;
}
#islandInfo .infoMapKume{
	background:url(https://www.tabione.com/img/topics/desert/mapIslandInner2.png) no-repeat;
	background-size:100% auto;
	position:relative;
	width:45%;
	float:left;
	height:280px;	
	margin-right:8px;
}
#islandInfo .infoMap p{
	position:absolute;
	top:13%;
	left:12%;
}
#islandInfo .infoMap.infoMapSesoko p{
	top:23%;
	left:28%;
}
#islandInfo .infoMap.infoMapHamahiga p{
	top: 67%;
    left: 58%;
}
#islandInfo .infoMap.infoMapKourijima p{
	top: 20px;
	left: 291px;
}
#islandInfo .infoCont {
    float: left;
    width: 53%;
}
#islandInfo .infoMapKerama {
	float:left;
	width:280px;
	margin-right:8px;
}
#islandInfo .infoMapYoutou {
	background:url(https://www.tabione.com/img/topics/desert/mapIslandInner.png) no-repeat;
	background-size:100% 100%;
	position:relative;
	width:45%;
	float:left;
	height:312px;	
	margin-right:8px;
}

#islandInfo .infoMapYoutou p{
	position:absolute;
	top:27%;
	left:25%;
}
#islandInfo dt{
	font-weight:bold;
	margin-top:8px;
	clear:both;
}
#islandInfo dd.infoLink {
	width: 300px;
    margin: 5px auto 8px;
}
#islandInfo dd.infoLink a{
	background:#f90;
	border-radius:5px;
	color:#fff;
	text-align:center;
	padding:6px 0;
	display:block;
	font-size:1em;
	border:#f90 2px solid;	
}
#islandInfo dd.infoLink a:hover{
	background:#fff;
	border:#f90 2px solid;
	color:#f90;
}
#islandInfo .infoCont p{
	color:#0066cc;
	font-weight:bold;
}
#islandInfo.infoKerama dt{
	float:left;
	margin-top:0;
	margin-right:8px;
}
#islandInfo.infoKerama .infoCont{
	width:445px;
	float:left;
}
.cb10{
	clear: both;
	height: 10px;
	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;
    margin-top: 10px;
}  
  
.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(https://www.tabione.com/img/topics/desert/bg_new.png) repeat;
}

#mainContents a:hover img{
	opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
#mainContents .yoyakubn{
	margin:8px auto;
	width:505px;
}

.d_list{
	font-weight:bold;
	margin-top:0px;
	margin-bottom:10px;
	width:519px;
	height:auto;
    
}

.waku{
	border: 1px solid #ccc;
	margin-bottom:5px;
	padding:5px;
}
.sub_ttl{
	font-weight:bold;
	color:#d0a575;
	font-size:105%;
	margin-bottom:3px;
	margin-left:20px;
}

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

/*-------メイン-------*/
#mainContents{
	padding:8px 0px 8px 0px;
	margin-bottom:8px;
}

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

/*検索*/
#searchTour{
	border:1px solid #666;
	margin:20px auto 0;
	background:#fff;
	width:95%;
}
#searchTour p{
	background:#666;
	color:#fff;
	text-align: center;
	padding:8px 0;
	font-size:1.1em;
}
.selectDateInner{
	padding:12px;
}

#selectDateBox input{
    padding: 5px;
    height: auto!important;
    border: 1px solid #999;
    font-size: 1.1em;
    margin:0 5px;
}
#selectDateBox input.year1{
    width: 100px;
}
#selectDateBox form button.searchDateBtn{
	padding: 5px 30px;
    background: #f90;
    color: #fff;
    font-weight: bold;
    font-size: 1.1em;
    margin:0 0 0 30px;
    border-radius: 5px;
}
#QandA dl {
    font-size: 13px;
    line-height: 1.5em;
    padding: 10px;
    background-color: #FFF;
    width: 90%;
    padding: 8px;
    margin: 8px auto;
}
#useDay01,img.ui-datepicker-trigger,button.searchDateBtn {
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
}
.commonPlanListTtl {
    font-size: 20px;
    /* width: 100%; */
    padding: 10px;
    background-color: #666;
    color: #fff;
    font-weight: bold;
    margin-top: 20px;
}
#plan_list_wrapper .left_box {
    width: 160px;
    background: #FFF;
    margin: 0px auto 5px;
    float: left;
    clear: right;
    text-align: center;
    display: block;
    padding: 0;
}
#plan_list_wrapper {
    width: 90%;
    height: 160px;
    border: 1px #bbb solid;
    margin: 5px auto;
    padding: 0px;
    background: url(https://www.tabione.com/img/category/common/dodback01.jpg) repeat;
}
.dodback02 {
    padding-bottom: 10px;
}
#plan_list_wrapper li.pref {
    float: left;
    width: 60px;
    line-height: 28px;
    background: url(https://www.tabione.com/img/common/plan_list_prefbk.gif) no-repeat;
    text-align: center;
    font-weight: bold;
    color: #FFF;
    margin: 2px 5px 0px 5px;
}
#plan_list_wrapper li.plan_name {
    float: left;
    width: 80%;
    height: 30px;
    line-height: 28px;
    font-weight: bold;
    font-size: 1.1em;
}
li.syousai a.bt {
    width: 76px;
    height: 28px;
    display: block;
    text-align: center;
    background: #f60;
    border-radius: 5px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    font-size: 1.1em;
    margin: 5px 0px 0px 0px;
    padding: 5px;
}
table#plan {
    border-top: 1px #ccc dotted;
    border-bottom: 1px #ccc dotted;
    margin: 8px 0px 0px 0px;
    padding: 5px 0;
    height: 113px;
    width: 75%;
}
.left_box img.photo {
    width: 150px;
    height: 113px;
    border: #fff 2px solid;
    margin-top: 6px;
    float: left;
    object-position: center;
    object-fit: cover;
}
li.syousai a.bt:hover {
    background-color: white;
    color: #f60;
    border: solid;
}
/*絞り込み追加*/
.selectInner{
	width:90%;
	margin:12px auto;
	padding:12px;
	background:#fff;
	border:1px solid #666;
}
table#plan th.thset {
    height: 18px;
    font-weight: bold;
    text-align: center;
    background: #ccc;
    padding: 3px 5px;
    line-height: 18px;
    color: #333;
    border: solid;
    border-color: #ffffff;
}
table#plan th.thset2 {
    height: 18px;
    font-weight: bold;
    text-align: center;
    background: #ccc;
    padding: 3px 5px;
    line-height: 18px;
    color: #333;
    border: none;
}
table#plan font.pink {
    color: red!important;
    font-weight: bold;
    font-size: 1.2em;
}
.selectInner label{
	margin-right:5px;
	cursor: pointer;
}
.selectInner input{
	margin-right:2px;
}
.selectInner p{
	font-weight:bold;
	margin:5px 0;
}
#planList [class*="hidden-"] {display: none!important;}

@media screen and (max-width: 787px) {
 #mainBg {
    background-size: 100%;
}
#mainBg p.topMainImg {
    top: 45%;
}
    table#plan {
        width: 100%;
    }
    table#plan th.thset {
        font-size: 11px;
    }
td.tdset {
    font-size: 10px;
    padding: 0 2px;
}
font {
    padding: 0 2px;
}

#leadtxt .leadImg {
    width: 100%!important;
}
#leadtxt .leadCont {
    width: 100%!important;
}
.tourCont .tourContInner .planDetail{
    width: 100%!important;
}
.mainIslandCont #pageNav ul li {
    font-size: 13px;
}
    .tourCont .tourContInner .tourDetail dd.tourIcon span {
        font-size: 10px;
        margin-right: 5px;
        line-height: 29px;
    }
    #leadtxtInner {
        padding: 0px 19px;
    }
    #leadtxt .leadImg img {
        height: 180px;
    }
    #leadtxt .leadCont ul li {
        font-size: 16px;
    }
    .leadCont p {
        font-size: 13px;
}
    #leadtxt .leadCont ul {
        margin-top: 10px;
    }
    .tourCont .tourContInner .planImg {
            clear: both;
    }
    .tourBoxN .tourCont .tourContInner .planImg {
        width: 100%;
    }
    .tourDetail dd {
        font-size: 12px;
}
    .tourCont .tourContInner .planDetail, .tourCont .tourContInner .tourDetail {
        width: 100%;
    }
    .tourCont .tourContInner .tourDetail .tourShop {
        font-size: 11px;
        text-align: right;
        margin: 0 auto;
    }
    .tourCont h3.tourTitle, .tourCont h4 {
        font-size: 13px;
    }
    .shopCont {
        width: 100%;
    }
    .tourCont .tourContInner .planDetail dt span,.tourDetail .tourPrice,.planDetail .tourPrice{
        margin: 0 auto;
    }
    .shopCont ul li p.activityImg {
            width: 100%;
    }
    .commonPlanListTtl {
        font-size: 15px;
    }
    .shopCont ul li {
        width: 90%;
        border-bottom: #999 1px dotted;
        margin: 0 20px;
        padding: 10px 10px 0 10px;
    }
    .shopCont ul li p.activityImg img {
        height: 130px;
        object-position: 50% 34%;
    }
    .activityCont ul li {
        width: 100%;
        height: 102px;
    }
    table#plan th.thset2 {
        font-size: 11px;
    }
    .activityCont ul li div p {
        margin: 3px 0 10px 0;
        font-weight: bold;
        font-size: 13px;
}
    .shopCont ul li div {
        width: 100%;
        margin: 10px 5px 0 5px;
    }
    .shopCont ul li div p {
        font-size: 14px;
    }
    .shopCont ul li div .introduceTxt {
        font-size: 11px;
    }
    #plan_list_wrapper {
        height: auto;
    }
    #plan_list_wrapper .left_box {
        width: 100%;
        position: relative;
    }
    #plan_list_wrapper li.plan_name {
        width: 100%;
        height: 50px;
        font-size: 14px;
        padding: 0 6px;
        margin-bottom: 10px;
    }
    .left_box img.photo {
        width: 90%;
        height: 150px;
        margin: 2% 5%;
}
.tourCont .tourContInner .planDetail a,.tourCont .tourContInner .tourDetail .tourLink a{
    padding: 1px 5px;
    }
    .shopCont ul li div span {
        padding: 4px 8px 3px 0;
    }
#islandTour .planListBtn a {
    font-size: 15px;
        padding: 2px 5px;
}
    h3.tourCategoryTtl {
        font-weight: bold;
        font-size: 19px;
        padding: 4px 8px!important;
    }
.mainIslandCont h2 {
    font-size: 17px;
    padding: 5px 0;
    font-weight: bold;
}
#QandA dt {
    font-size: 15px;
}
.activityCont ul li p.activityImg img {
    width: 100%;
    height: 80px;
    margin-right: 1px;
    margin-top: 7px;
}
    #plan_list_wrapper li.pref {
        position: absolute;
    top: 7px;
    left: 15px;
    }
    li.syousai a.bt {
        margin: 7px auto;
            width: 150px;
    }
}
.sp-only { display: block!important; }
.pc-only { display: none!important; }
@media  (min-width: 787px) {
    .sp-only { display: none!important; }
    .pc-only { display: block!important; }
}

.crumb-list{
	margin:0 auto;
}