@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;
}

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;
}

/*見出し*/
.mainIslandCont h2{
	margin-top:30px;
	margin-bottom:8px;
	border-top:5px solid #666;
	border-bottom:5px solid #666;
	padding:15px 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;
}
#pageNav{
	margin:10px 0;
}
#pageNav ul {
    display: table;
    table-layout: fixed;
    text-align: center;
    width: 100%;
}
#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 #666;
}
#pageNav ul li i{
	margin-left:5px;
}
#pageNav ul li:last-child {
	border-right:none;
}
#tourData p{
	font-size:1.2em;
}
#tourData table{
	width:90%;
	margin:8px auto;
	background:none;
	font-size:1.2em;
	border:1px solid #666;
}
#tourData table th{
	border-bottom:none!important;
	background:#eee!important;
	text-align:center!important;
	width:16%;
	vertical-align:middle;
}
#tourData table th,#tourData table td{
	border:1px solid #666!important;
	padding:8px 5px!important;
}

#tourData table span{
	font-weight:bold;
	color:#FF0000;
	font-size:1.2em;
}
#tourData ul{
	width:90%;
	margin:12px auto 8px;
}
#tourData ul li{
	float:left;
	width:49.4%;
	text-align:center;
	font-size:1.3em;
}
#tourData ul li:first-child{
	margin-right:8px;
}
#tourData ul li a{
	display:block;
	background:#FF9900;
	color:#fff;
	padding:8px 0;
	border-radius:5px;	
	box-shadow: 0 5px 0 rgba(102,102,102,1);
	transition: all .25s ease;
}
#tourData ul li a:hover{
	box-shadow:none;
	transform: translate3d(0, 3px, 0);
}
#tourData ul li a i{
	margin-left:5px;
}
/*リード*/
#leadtxt{
	margin-top:20px;
}
#leadtxt h3{
	font-size:1.4em!important;
	color:#333!important;
	border-bottom:6px #999 solid!important;
	margin-bottom:8px;
	position:relative;
	padding-bottom:5px!important;
}
#leadtxt h3:after{
	border-bottom:6px #ffcc33 solid;
	bottom:-6px;
	left:0;
	width:20%;
	content:"";
	display:block;
	position:absolute;
}
.leadtxtCont{
	padding:8px 15px;
	clear:both;
}
#leadtxt .leadImg{
	float:left;
	margin:0px 8px 0px 0px;
}
#leadtxt .leadCont{
	float:left;
	width:70%;
}
#leadtxt .leadCont {
	line-height:1.3em;
	font-size:1.1em;
}

#leadtxt .leadCont p{
	font-size:1.1em;
	line-height:1.4em;
}
.lead_model{
	width:94%;
	margin:8px auto;
	background-image: linear-gradient(45deg,#ddd 25%,transparent 25%,transparent 50%,#ddd 50%,#ddd 75%,transparent 75%,transparent);
    background-size: 4px 4px;
	font-size:1.1em;
	    border-top: 1px dotted #666;
    border-bottom: 1px dotted #666;
}
.lead_model p {
    padding: 5px 10px;
    background: #666;
    color: #fff;
    border-bottom-right-radius: 5px;
    width: 25%;
    text-align: center;
}

.lead_model dl{
	padding:8px;
}
.lead_model dl dt{
	font-size:1em;
	font-weight:bold;
	background:#ffcc33;
	padding:3px 5px;
	display:inline-block;
}
.lead_model dl dt i,.lead_model p i{
	margin-right:5px;
}
.lead_model dl dd{
	margin:5px 0 10px;
}
.lead_model ul{
	padding:8px;
}
.lead_model ul li{
	margin-bottom:3px;
}
.lead_model ul li:before{
	content:'・';
}
.lead_model .linkTaiken{
	font-weight:bold;
	padding:0px 0px 3px 12px;
	text-decoration:underline;
	background: #fff;
    display: inline-block;
    margin: 0 0 8px 8px;
    border: 1px solid #666;
}
.lead_model .linkTaiken i{
	margin:0 5px;
}
#courseMap .courseMapInner{
	background:url(../../img/pref_category/nagasaki_bus/courseMap2.png);
	background-size:100% auto;
	height:1106px;
	position:relative;
}
#courseMap p {
    font-size: 1.1em;
    padding: 0px 5px 5px;
}
#courseMap li{
	position:absolute;
	border:#FF3333 2px solid;
	background:#fff;
	padding:5px 3px;
	border-radius:3px;
}
#courseMap li a{
	color:#FF3333;
	font-weight:bold;
}
#courseMap li:hover{
	background:#FF3333;
}
#courseMap li:hover a{	
	color:#fff;
}
#courseMap li a i{
	margin-right:5px;
}
#courseMap li.map4{
	top: 51%;
    left: 13%;
}
#courseMap li.map7{
	top: 17%;
    left: 38%;
}
#courseMap li.map8{
	top: 12%;
    left: 46%;
}
#courseMap li.map9{
	top: 16%;
    left: 51%;
}
#courseMap li.map11{
	top: 29%;
    left: 49%;
}
#courseMap li.map13{
	top: 51%;
    left: 72%;
}
#courseMap li.map14{
	top: 64%;
    left: 73%;
}
#courseMap li.map20{
	top: 68%;
    left: 58%;
}
#courseMap .courseSpotImg{
	display:none;
	position:absolute;
	top:50%;
	left:0%;
}
#courseMap li:hover .courseSpotImg{
	display:block;
}
.reserveBtn{
	width:80%;
	margin:10px auto;
}
.reserveBtn a{
	display:block;
	background:#FF9900;
	color:#fff!important;
	padding:8px 0;
	border-radius:5px;	
	text-align:center;
	font-size:1.3em;
	box-shadow: 0 5px 0 rgba(102,102,102,1);
	transition: all .25s ease;
}
.reserveBtn a:hover{
	    box-shadow: none;
    transform: translate3d(0, 3px, 0);
}
.reserveBtn a i{
	margin-left:5px;
}
#sightseeing ul li{
	float:left;
	width:49.4%;
	border:1px #999 solid;
	padding:8px;
	box-sizing:border-box;
	margin-bottom:8px;
}
#sightseeing ul li h3{
	color:#666;
	border-bottom:1px dashed #999;
	text-align:center;
	font-size:1.2em;
	margin-bottom:5px;
}
#sightseeing ul li:nth-child(odd){
	margin-right:8px;
}
#sightseeing ul li .sightImg{
	float:left;
	width:40%;
	margin-right:8px;
}
#sightseeing ul li .sightText{
	float:left;
	width:57%;
}
#sightseeing ul li img{
	width:100%;
}
@media only screen and (max-width: 767px){
.mainIslandCont h2{
	padding:12px 0;
	font-size: 1.4em;
}
#pageNav ul li,#tourData p{
	font-size:1em;	
}
#tourData table{
	width:98%;
	font-size:1em;
}
#tourData table th{
	display:block;
	width:100%;
	padding:5px 0!important;
	border:none!important;
}
#tourData table td{
	display:block;
	padding:5px 0!important;
	border:none!important;
}
#tourData ul{
	width:98%;
}
#tourData ul li{
	width:48.8%;
	font-size:1.1em;
	font-weight:bold;
}
.leadtxtCont{
	padding:8px;
}
#leadtxt {
	font-size:0.9em;
}
#leadtxt .leadImg{
	float:none;
	width:80%;
	margin:8px auto;
}
#leadtxt .leadImg img{
	width:100%;
}
#leadtxt h3{
	font-size: 1.1em!important;
}
#leadtxt .leadCont{
	float:none;
	width:inherit;	
}
#leadtxt .leadCont p{
	font-size:1em;
	line-height:1.2em;
}
.lead_model p{
	width:50%;
	font-size:0.9em;
	}
.lead_model ul li{
	font-size:0.9em;
}
#courseMap .courseMapInner{
	height:auto;
}
#courseMap .reserveBtn{
	width:90%;
}
#courseMap .reserveBtn a{
	font-size:1.1em;
	font-weight:bold;
}
#sightseeing ul li{
	width: 96%;
	margin: 0px auto 8px;
	float:none;
}

#sightseeing ul li h3{
	background:none;
	padding:0;
	margin-top:0;
	font-size: 1.1em;
}
}
/*スケジュール*/
h3.ttl{
	text-align: center;
	color:#31679e;
	border-bottom:none;
	font-size: 1.5em;
	padding:18px 0!important;
	margin:0 0 20px 0;
	font-family: "Noto Sans Japanese"; 
	position:relative;
/*	height:44px;*/
	background:#fff!important;
	border-bottom:none!important;
}
h3.ttl span{
	display:block;
	color:#31679e;
	font-weight:bold;
	font-size:18px;
}

h3.ttl:before {
	content: '';
	position: absolute;
	bottom: -5px;
	display: inline-block;
	width: 75px;
	height: 5px;
	left: 50%;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: #31679e;
	border-radius: 2px;
}
.serviceDay{
	margin:0 auto;
	color: #3a4745;
	font-weight:bold;
	text-align:center;
	font-size: 16px;
	float:none!important;
}
#priceBus{
	margin:0 auto;
}
#priceBus p{
	float:none!important;
	margin:0 auto;
	text-align:center;
}

#priceBus span{
	width:172px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 25px;
	color: #FF0000;
	font-weight:bold;
	text-align:center;
	margin:0 15px 0 5px;
}
div.schedule {
	width:100%;
}
.schedule p{
	/*float:right;*/
	padding-bottom:5px;
}
.schedule li{
	color:#000;
}
.schedule .sLeft{
	width:48%;
	float:left;
}
.schedule .sRight{
	width:48%;
	float:right;
}
@media only screen and (max-width: 767px){
.schedule .sLeft, .schedule .sRight{
	width:98%;
	float:none!important;
}
}
.schedule ul {
    font-size: 14px;
    font-weight: bold;
    height: 42px;
    margin-bottom: 2px;
    position: relative;
}
.schedule ul #plan_link{
	width:251px;
	height:42px;
	margin-bottom:2px;
	font-size:14px;
	font-weight:bold;
	position:relative;
}
.schedule ul #plan_link:hover{
	opacity:0.8;
}
.schedule .plan_link{
	font-size:14px;
	font-weight:bold;
	border:2px #bbc5aa solid;
	width:91%;
	margin:0px auto 8px;
	padding:8px;
	background:url(../../img/topics/ise_bus/planLinkBtn.jpg) no-repeat;
	background-position:bottom right;
}
.schedule .plan_link:hover{
	opacity:0.8;
}
.schedule ul #plan_link_s{
	width:118px;
	height:42px;
	margin-bottom:2px;
	font-size:14px;
	font-weight:bold;
	position:relative;
}
.arrow{
	margin-left:50%;
	margin-bottom:2px;
}
.schedule li.price{
	text-align:left;
	margin-top:5px;
}
.schedule li.price span{
	font-size:15px;
	font-weight:bold;
	color:#F00;
}
.schedule ul.time{
	width:100%;
	background:#FFF;
	border:#3a4745 1px solid;
}
.schedule ul.sightseeing{
	width:100%;
	background:#FFF;
	border:#090C02 1px solid;
}
.schedule .cb27{
 clear:both;
 height:27px;
 }
.schedule ul li{
	float:left;
	padding:13px 0px 0px 10px;
	height:29px;
}
.schedule ul.s02 li{
	padding:8px 0px 0px 10px;
}
.schedule ul.s03 li{
	padding:1px 0px 0px 1px;
}
@media only screen and (max-width: 767px){
.schedule ul.s02 li{
	padding:3px 0px 0px 10px!important;
}
}
.schedule ul li.scheduleTime{
	width:25%;
	background:#3a4745;
	color:#FFF!important;
}
.schedule ul.mbn{
	margin-bottom:0px!important;
}
.schedule ul span.spotImg{
	position: absolute;
	display: block;
	top: -3px;
	left: 80%;
	width: 50px;
	height: 50px;
}
/*出発時間が1つある場合*/
.schedule ul li.schedule1{
	width:70px;
	font-size:13px!important;
	padding-top:12px!important;
}
/*出発時間が2つある場合*/
.schedule ul li.schedule2{
	width:70px;
	font-size:11px!important;
    padding-top: 5px !important;
    height: 38px !important;
    line-height: 16px;
}
/*出発時間が３つある場合*/
.schedule ul li.schedule3{
	width:70px;
	font-size:11px!important;
	padding-top:2px!important;
}
/*QA*/
#QandA dl{
	font-size:13px;
	line-height:1.5em;
	padding:10px 0;
}
#QandA dt{
	margin-bottom:5px;
	padding-bottom:5px;
}
#QandA dd{
	margin-bottom:10px;
	border-bottom:#999999 1px dotted;
	padding-bottom:5px;
}
#QandA dt:before,#QandA dd:before{
	-webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
	color:#FFFFFF;
	padding:3px 8px;
	margin-right:5px;
	font-size:12px;
	font-weight:bold;
}
#QandA dt:before{
	content:"Q";
	background:#666;
}
#QandA dd:before{
	content:"A";
	background:#ffcc33; 
}
#tourttl h2 {
	font-size: 30px;
    text-align: center;
    background: #fe9719;
    margin: 15px auto;
    color: white;
}
div#tourttl {
    background: #ffe43091;
    margin: 25px auto;
}
.planImg img {
    /* width: 100%; */
    height: auto;
    /* max-width: 300px; */
    float: left;
    width: 35%;
	padding: 10px;
}
.tourDetail dd {
    font-size: 25px;
    text-align: center;
    margin: 30px;
}
dd.tourLink {
    background: orange;
    margin: 10px;
    width: 23%;
    float: right;
    border-radius: 10px;
}
.tourLink a {
    color: white;
}
@media screen and (max-width: 767px) {
	.planImg img {
		width: 100%;
		padding: 5px;
	}
	dd.tourLink {
		margin: 10px auto;
		width: 80%;
		float: none;
	}
}