@charset 'utf-8';

/*

   TABIPLUSONE - スタイルシート

*/
/* ----------------------------------------------------------
	共通
------------------------------------------------------------- */
.disused{
	display:hidden;
}

#content {
	font-size:1.1em;
}

/* ----------------------------------------------------------
	tailor made tours 
------------------------------------------------------------- */
#Tailormade h2{
	background:#F66;
	font-size:120%;
	color:#FFF;
	text-align:center;
	padding:5px 0px;
}
#Tailormade .intro{
	margin:8px 0;
}

#Tailormade .intro dl{
	display:flex;
}
#Tailormade .intro dl dt{
	margin-right:8px;
}
#Tailormade .intro span.introTtl{
	display:block;
	font-weight:bold;
	font-size:110%;
}
#Tailormade #areaMenu a.syncer-acdn{
	display:block;
	vertical-align:center;
	padding:5px;
	display:flex;
	-webkit-align-items:center;
 	 align-items:center;
	border-bottom:#999999 1px solid;
}
#Tailormade #areaMenu .syncer-acdn.active{
	background:url(http://www.tabione.com/ib/img/topics/tailor_made_tour/iconMinus.png) 98% no-repeat;
	background-size:25px 25px;
}
#Tailormade #areaMenu .syncer-acdn{
	background:url(http://www.tabione.com/ib/img/topics/tailor_made_tour/iconPlus.png) 98% no-repeat;
	background-size:25px 25px;
}
#Tailormade #areaMenu section{
	display:none;
}
#Tailormade #areaMenu a.syncer-acdn span{
	width:30%;
	margin-right:8px;
}
#Tailormade #areaMenu a.syncer-acdn span img{
	width:100%;
	height:auto;
}

#Tailormade section{
	margin:8px auto;
	border-left:#666666 2px solid;
	border-right:#666666 2px solid;
	border-bottom:#666666 2px solid;
	padding:8px;
}
#Tailormade section p.areaName{
	text-align:center;
	font-weight:bold;
}
#Tailormade .basicInfo {
	text-align:center;
	margin-bottom:8px;
}

#Tailormade .basicInfo dt{
	font-weight:bold;
	font-size:2em;
	text-align:center;
}
#Tailormade .inerary .ineraryTitle{
	text-align:center;
	border-bottom:#F66 2px solid;
	font-size:120%;
	margin-bottom:10px;
	color:#F66;
	clear:both;
}
#Tailormade .schedule dt img{
	border-radius:50%;
	height:100px;
	width:100px;
	border:#F66 2px solid;
}
#Tailormade .basicInfo dd.scheduleInfo{
	border:#999999 1px solid;
	padding:5px;
	float:left;
	margin-right:5px;
}
#Tailormade .hightlight{
	margin-top:8px;
	border-top:#F66 3px solid;
	border-bottom:#F66 3px solid;
	padding:8px 0px;
}
#Tailormade .hightlight dt{
	text-align:center;
	font-weight:bold;
	font-size:1.5em;
	color:#F66;
}

#Tailormade .hightlight i{
	font-size:1em;
	margin-right:5px;
	color:#999;
	vertical-align: middle;
}

#Tailormade .inerary{
	border:#999 1px solid;
	padding:8px;
	margin-top:8px;
}


#Tailormade .schedule dl{
	display:flex;
	margin-bottom:20px;
}
#Tailormade .schedule dt{
	position:relative;
	width:30%;
}
#Tailormade .schedule dt:after{
	content: "";
    border-left: #F66 10px solid;
    position: absolute;
    left: 47%;
    top: 100%;
    height: 20px;
}
#Tailormade .schedule dt.lastone:after{
	border-left:none;
}
#Tailormade .schedule dd {
	padding:5px 0px 0px 8px;
	width:69%;
}
#Tailormade .schedule dd span{
	display:block;
	font-weight:bold;
	font-size:1.3em;
}

#Tailormade .schedule p{
	position: relative;
	display: inline-block;
	width:97%;
	margin:5px auto 15px;
	padding: 8px 0px;
	color: #F6F6F6;
	text-align: center;
	background:#F66;
	z-index: 0;
}

#Tailormade .schedule p.departure:after {
	content: "";
	position: absolute;
	bottom: -10px; left: 50%;
	margin-left: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: #F66 transparent transparent transparent;
}

#Tailormade .schedule p span{
	margin-right:8px;
}

#Tailormade .ineraryMap{
	width:100%;
}

.inquiry{
	width:90%;
	margin:15px auto;
}
.inquiry p{
	margin-bottom:8px;
}
.inquiry p a.btn{
	display:block!important;
	text-align:center;
}
.inquiry .inquiryTtl{
	margin:5px auto;
}
.inquiry i{
	margin-right:8px;
}
.inquiry span{
	margin-top:8px;
	display:block;
}
/*clause*/
#clause div h2{
	font-size: 16px;
    padding: 3px 5px;
    margin: 0 auto 20px;
    text-align: center;
    text-align: left;
    border-bottom: solid 4px #ff6600;
    font-weight: bold;
	text-align: center;
}
#clause {
		margin: 0 0 40px;
		padding: 0;
		background: transparent;
	}
	#clause h1 {
		margin: 0 0 10px;
	}
#clause #pickup h1{
	padding: 11px 15px 10px;
    background: #ff6600;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.6;
	
}
	#clause .unit + .unit {
		margin: 25px 0 0;
	}
	#clause .unitIn {
		padding: 0 20px 20px;
		margin-bottom: 30px;
		border: solid 2px #dadada;
		background: #fff;
		overflow: hidden;
	}
	#clause .unitIn ul {
		padding: 0;
		margin: 20px auto;
		width: 620px;
	}
	#clause #pickup h2 {
		margin: 0 -20px 20px;
		padding: 11px 20px 10px;
		border-bottom: dotted 1px #ccc;
		font-size: 18px;
		line-height: 1.5;
	}
	#clause .txt {
		float: right;
		width: 735px;
		margin: 0;
		line-height: 1.8;
	}
	#clause .no-image{
		margin: 0;
		line-height: 1.8;
	}