#topics {
	max-width: 1024px;
	margin: 0 auto;
	overflow: hidden;
}
*{
	box-sizing: border-box;
}
ul,li,dl,dt,dd{
	margin:0;
	padding:0;
}
div#main_r{
	display:none!important;
}
#planList h4 img {
    display: none!important;
}
div#main_l {
    width: 752px!important;
}
div#plan_list_wrapper{
	width:750px!important;
}
section{
	margin:15px 0 50px;
}
.tour_link a{
	background:#f90;
	color:#fff;
	display:block;
	padding:12px 30px;
	border-radius: 100px;
	text-align:center;
	border:1px solid #f90;
	text-decoration: none;
	font-size: 1.2em;
    font-weight: bold;
}
.tour_link a:hover{
	background:#fff;
	color:#f90;
}
.leadText{
	padding:10px;
	font-size:1.1em;
	line-height: 1.3em;
}
.ttl_wrap{
	text-align: center;
	padding:12px 0;
	font-family: "Sawarabi Gothic";
	margin-bottom:15px;
}
.ttl_wrap h2{
	padding:60px 0 12px;
}	
.ttl_spot{
	background:url("../../img/pref_category/ishigaki_snorkeling/icon_spot.png") no-repeat top center;
}
.ttl_plan{
	background:url("../../img/pref_category/ishigaki_snorkeling/icon_tour.png") no-repeat top center;
}
.ttl_ranking{
	background:url("../../img/pref_category/ishigaki_snorkeling/icon_ranking.png") no-repeat top center;
}
.spot_wrap{
	/*display:flex;*/
}
.spotmap{
	display: flex;
	justify-content: center;
	padding: 0px 0px 15px 0px;
}
.spot_detail{
	padding:10px;
}
.spot_detail li{
	font-size:1.1em;
	padding:12px;
	border:1px solid #666;
	line-height: 1.3em;
	margin-bottom:13px;
}
#topics .spot_detail h3,#topics .tourCont h3{
	font-family: "Sawarabi Gothic";
	font-size:1.4em;
	color:#000;
	margin-bottom:12px;
}
.spotImg,.spotText{
	display:inline-block;
	vertical-align: top;
}
.spotImg{
	width:28%;
}
.spotImg img{
	width:100%;
	height:auto;
}
.spotText{
	width:68%;
	padding-left:12px;
}
.tour_link{
	margin:12px auto 0;
	width:80%;
}
#select{
	width:80%;
	margin:20px auto;
	border:1px solid #999;
}
.selectExp{
	background:#999;
	color:#fff;
	text-align: center;
	padding:8px 0;
}
.selectInner{
	padding:8px 12px;
}
.selectInner .select_ttl{
	display:inline-block;
	width:100px;
	font-weight:bold;
}
.selectGroup{
	margin:8px 0;
	font-size:1.1em;
}
.selectGroup label{
	padding:5px 5px 5px 12px;
}
.selectInner input{
	margin-right:5px;
}
.selectInner label.selected,.selectInner label:hover{
	background:#eee;
	cursor: pointer;
}

#planList [class*="hidden-"] {display: none!important;}
.tourCont{
	padding:20px 0;
	border-bottom:1px dotted #999;
}
.tourWrap{
	display:flex;
}

.tourImg{
	width:35%;
	height: 175px;
    position: relative;
    overflow: hidden;
}
.tourImg img{
	width: 100%;
    min-height: 195px;
    position: absolute;
    object-fit: cover;
}
.tourDetail{
	width:63%;
	padding-left:20px;
}

.tourFeature{
	display:flex;
	margin:0 0 15px 0
}
.tourFeature li{
	border:1px solid #999;
	padding:8px 5px 8px 38px;
	margin-right:8px;
	border-radius: 5px
}
.tour_time{
	background:url(../../img/pref_category/ishigaki_snorkeling/icon_time.png) no-repeat 3px;
}
.tour_age{
	background:url(../../img/pref_category/ishigaki_snorkeling/icon_child.png) no-repeat 3px;
}
.tour_car{
	background:url(../../img/pref_category/ishigaki_snorkeling/icon_car.png) no-repeat 3px;
}

.tourPoint{
	font-size:0.9em;
	margin-bottom:8px;
}
.tourPoint li{
	margin-bottom:5px;
	padding-left:20px;
	background:url(../../img/pref_category/ishigaki_snorkeling/icon_check.png) no-repeat;
	background-size: 3%;
}

.tourShop{
	padding:8px 0;
}
.priceWrap ul,.priceWrap .tour_link{
	display: inline-block;
	vertical-align: middle
}
.priceWrap ul{
    width: 53%;
}
.priceWrap ul li{
	float:left;
	margin-right:20px;
	line-height: 1.6em;
	text-align: center;
}
.priceWrap ul li span{
	/*display:block;*/
	font-size:20px;
	font-family: "Sawarabi Gothic";
	color:#c00;
	font-weight:bold;
}
.priceWrap .tour_link{
	width:36%
}
#ranking{
	background: #f6f6f6;
    padding: 15px;
}
#ranking li.rankingCont{
	padding:8px 3px;
	font-size: 12px;
	line-height: 1.2;
	border: solid 1px #999;
	margin-bottom: 3px;
	width: 19.6%;
	float: left;
	margin-right: 3px;
	position: relative;
	background-color:white;
}
#ranking li.rankingCont:last-of-type{
	margin-right:0px;
}
#ranking li.rankingCont a img {
	float: none;
	margin: 0 5px 2px 0;
	width: 100%;
	height: 100px;
}
#ranking li.rankingCont a:hover img {
	opacity:0.8;
}
.rankingList ul a{color:#333333;background:#FFFFFF; padding:5px;display:block;line-height: 1.4em;text-decoration: none}
.rankingList ul li:hover{background:#eee;}
.rankingList li.rankingCont:before{display:block;position:absolute;top:3px;left:0;}
.rankingList li.no1:before{content:url(http://www.tabione.com/img/top/iconRank01.png);}
.rankingList li.no2:before{content:url(http://www.tabione.com/img/top/iconRank02.png);}
.rankingList li.no3:before{content:url(http://www.tabione.com/img/top/iconRank03.png);}
.rankingList li.no4:before{content:url(http://www.tabione.com/img/top/iconRank04.png);}
.rankingList li.no5:before{content:url(http://www.tabione.com/img/top/iconRank05.png);}
.rankingList ul a ul.rankingData li{color:#999999}
.rankingList ul a ul.rankingData li i{margin-right:3px;}
.rankingList .rankPrice{text-align:right;font-weight:bold;color:#F00;font-size:1.2em;}
.rankingList ul li a strong,.rankingList ul li a br{display:none;}
}
div#planSearch {
    display: none;
}
#breadcrumb{
    letter-spacing: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    overflow-x: auto;
    white-space: nowrap;
}
#breadcrumb li{
    display: inline-block;
    font-size: 100%;
    opacity: 0.7;
}
#breadcrumb li::after{
    content: ">";
    display: inline-block;
    margin: 0 0.10em;
}
#breadcrumb li:last-child::after{
    content: none;
}

.sp-only { display: block!important; }
.pc-only { display: none!important; }
@media  (min-width: 787px) {
    .sp-only { display: none!important; }
    .pc-only { display: block!important; }
}


@media screen and (max-width : 767px){
.tour_link a{
	background:#f90;
	color:#fff;
	display:block;
	padding:12px 30px;
	border-radius: 100px;
	text-align:center;
	border:1px solid #f90;
	text-decoration: none;
	font-size: 1em;
    font-weight: bold;
}
.ttl_wrap{
	text-align: center;
	padding:0px;
	font-family: "Sawarabi Gothic";
	margin-bottom:15px;
}
.tourCont{
	padding:20px 10px;
	border-bottom:1px dotted #999;
}
/*.tourWrap{
	display:none;
}	*/
.tourImg{
	width:100%;
	height: 175px;
    position: relative;
    overflow: hidden;
	object-fit: cover;
	object-position: center;
}
.tourWrap{
	display:block;
}	
.tourImg img{
	width: 100%;
    min-height: 200px;
    position: absolute;
    object-fit: cover;
	padding: 0px 0px 20px 0px;
}
.tourDetail{
	width:100%;
	padding:15px;
}
.priceWrap .tour_link{
	width:40%
}	
#select{
	width:95%;
	margin:10px auto;
	border:1px solid #999;
}
.selectInner .select_ttl{
	display:block;
	width:100%;
	font-weight:bold;
}	
}