@charaset "UTF-8"; 

/* ============================= ‹¤’Ê =============================  */

* { 
	padding: 0px;
	margin: 0px;
	border: none;
}

li { list-style-type: none;}

a { text-decoration:none; color: #333; overflow: hidden;}

a:hover {
	color:#F60;
}
article{
	width:1000px;
	margin:0 auto;
}
div#sidebar {float:left; width:28%;margin-right:8px;}
#mainRight{width:70%;float:right;}
/*¶ƒTƒCƒh*/
/*¶ƒJƒ‰ƒ€*/
div#sidebar .mypage p.loginBn a{
	background:#666;
	width:100%;
	padding:10px 0;
	display:block;
	text-align:center;
	color:#FFF;
	font-size:1.1em;
	font-weight:bold;
	border-radius:5px;
}
div#sidebar .mypage p.loginBn a:hover{
	background:#999;
}
div#sidebar .mypage p.loginBn a .fa-user{
	font-size:1.2em;margin-right:5px;
}
div#sidebar .mypage p.loginBn a .fa-chevron-circle-right{
	margin-left:5px;
}
div#sidebar .support{
	margin-top:8px;
	background-image: -moz-linear-gradient(45deg,#eee 25%,transparent 25%,transparent 50%,#eee 50%,#eee 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,#eee 25%,transparent 25%,transparent 50%,#eee 50%,#eee 75%,transparent 75%,transparent);
	background-size: 4px 4px;
	padding:5px;
	border-top: 1px #999 dotted;
    border-bottom: 1px #999 dotted;
	font-size: 0.9em;
}
div#sidebar .support dl dt,div#sidebar .support dl dd.telNumber,div#sidebar .support dl dd.telComment{
	font-weight:bold;
	text-align:center;
	margin-bottom:5px;
}
div#sidebar .support dl dd.telNumber{
	font-size:1.7em;
	color:#FF9900;	
}
div#sidebar .support dl dd.buisinessHour{
	font-size:0.9em;
	line-height:1.2em;
	margin-bottom:5px;
}
div#sidebar .support dl dd.telComment{
	color:#000;
	line-height:1.2em;
}
div#sidebar .support dl dd.inquiryBtn a{
	background:#FFF;
	border:#f90 1px solid;
	color:#f90;
	margin:5px auto;
	text-align:center;
	display:block;
	padding:5px 0;
	font-weight: bold;
}
div#sidebar .support dl dd.inquiryBtn a i{
	margin-right:5px;
}
div#sidebar .support dl dd.inquiryBtn a:hover{
	background:#f90;
	color:#fff;
}
/*ƒ‰ƒ“ƒLƒ“ƒO*/
.ranking h2.ttl,.new h2.ttl{
	font-size:1.2em!important;
	font-weight:bold!important;
	padding: 5px 0px 5px 35px;
	margin-bottom: 10px;
}
.ranking h2.ttl{
	background:url(../../img/topics/busTop/iconTtlParRank.png) no-repeat;
    background-size: 25px auto;
}

.ranking .ranking-review{
	display:none;
}
.rankBox{
	display:flex;
	padding: 8px 0;
    border-bottom: 1px dotted #999;
}
.ranking-img {
    position: relative;
    margin-right: 8px;
    max-height: 60px;
    overflow: hidden;
    flex: 0 0 32%;
}
.ranking-txt{
	margin:0;
}
.rankBox .price{
	border:none;
}
.rankBox .price span{
	font-size:110%;
}
.rankBox img{
	width:100%;
	height:auto;
}
.rankBox .sttl.ttl-detail03 {
    font-size: 100%;
}
.rankBox .ranking-mark {
    background-size: 30px auto;
    font-size: 100%;
    padding: 8px 0 0 0;
    top: 3px;
    left: 3px;
    width: 22px;
    height: 22px;
}
.rankBox .ranking-mark.rank01,.rankBox .ranking-mark.rank02,.rankBox .ranking-mark.rank03 {
    width: 30px;
    height: 30px;
}
/*V’…ƒcƒA[*/
.new{
	margin:40px 0;
}
.new h2.ttl{
	background:url(../../img/topics/busTop/iconTtlParNew.png) no-repeat;
	background-size: 25px auto;
}

.allPlan{
	width:80%;
	margin:15px auto;
}

.allPlan a{
	display:block;
	background:#f90;
	color:#fff;
	text-align: center;
	padding:12px 0;
}
#contentsInner{
	background:url(../../img/pref_category/nara_bus/bg.png) repeat;
	margin-bottom:8px;
	padding-bottom:8px;
}

.full_content {
	margin:10px auto;
	padding:10px 0;
	background:url("../../img/pref_category/nara_bus/bg.png") repeat;
}
ul.nav{
	border-bottom:#A34773 5px solid;
}

.active, .hover {
	background:#A34773!important;
	color:#FFF!important;
}
.content {
	width: 100%!important;
	background:url("../../img/pref_category/nara_bus/bg.png") repeat;
}
.busTitle {
	position:relative;
}
.textPoint {
    position: absolute;
    top: 85%;
    padding: 0 15px;
}


.content h3.ttl{
	background: #A34773;
    margin-top: 8px!important;
    padding: 0!important;
    border-bottom: none!important;
}
.content h3.ttl span{
	display:block;
	padding:10px;
	color:#FFF;
	font-weight:bold;
	font-size:18px;
}
.contentBox{
	background: #fff;
    width: 96%;
	margin:0px auto;
	padding:8px;
	box-sizing: border-box;
}
#mask {
  background: rgba(0, 0, 0, 0.4);
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 1;
}
#mask.hidden {
  display: none;
}
.btn_schedule{
	cursor: pointer;
    background: #eee;
    position: relative;
    width:95%;
    margin: 8px auto;
    border-radius: 5px;
    box-shadow: 0 3px 0 rgba(136,136,136,1);
}

.lity{
	background: rgba(0,0,0,0.8);
}
.btn_schedule a {
    display: block;
    padding: 8px 0;
    text-align: center;
    text-decoration: underline;
    font-weight: bold;
}
.plan_schedule{
	background: #fff;
	color: #555;
	padding: 40px;
	border-radius: 4px;
}
.plan_schedule p {
    margin: 8px 0;
    font-weight: bold;
    font-size: 1.2em;
}
.modalClose{
	position:absolute;
	top:-5px;
	right:-5px;
	background:#666;
	color:#fff;
	padding:8px 15px;
}

#schedule .sLeft,#schedule .sRight{
	width:50%;
	padding:8px;
	float:left;
	box-sizing: border-box;
}

#schedule div.yakei{
	background:url(../../img/pref_category/nara_bus/scheduleBg03.png) repeat-y left;
	width:260px;
	margin:5px 3px 3px 13px;
	float:left;
}
.plan_schedule ul {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 25px;
    position: relative;
    padding: 6px;
}

#plan_link{
	font-size:13px!important;	
	color:#000;
	padding:5px;
	border: 2px solid #999;
}

#plan_link a{
	display:block;
	float:left;
	width:246px;
	text-align:center;
	padding-top:8px;
	position:relative;
}

#plan_link a:after{
	position:absolute;
	top:8px;
	left:5px;
}
#plan_link a:hover:after{
	content:url(../../img/pref_category/nara_bus/courseOn.png);
}
#plan_link a:hover{
	color:#999;	
}
#plan_link li,#plan_link_s li{
	clear:both;
	float:left;
	text-align:center;
	padding:2px 0 0 0!important;
	
}
.row_plan{
	display:flex;
}
.row_plan>a{
	flex:0 0 49.5%;
	box-sizing: border-box;
}
.row_plan>a:first-child{
	margin-right:8px;
}
#schedule ul#plan_link_s{
    font-size: 12px!important;
    color: #000;
    padding: 5px;
    border: 2px solid #999;
}

#schedule li.price{
	text-align:left;
	padding-left:20px;
	border:none;
	margin:0;
}
#schedule li.price span{
	font-size:15px;
	font-weight:bold;
	color:#F00;
}
#plan_link_s .planLink, #plan_link .planLink {
    background: #f90;
    color: #fff;
    padding: 5px 0;
    text-align: center;
    clear:both;
}
.plan_schedule ul.time,.plan_schedule ul.sightseeing{
	background: #FFF;
    border: #9243A3 1px solid;
}

#schedule .reserve{
	margin-top:10px;
}
#schedule .reserve_s{
	margin-top:10px;
}

.plan_schedule ul.s03 li{
	padding:1px 0px 0px 1px;
}
.plan_schedule ul li.schedule{
	width:70px;
}
.plan_schedule ul.mbn{
	margin-bottom:0px!important;
}
.plan_schedule ul span.spotImg{
	position: absolute;
	display: block;
	top: -3px;
	right:5px;
	width: 50px;
	height: 50px;
}
.af_arrow:after,.bf_arrow:before {
    width: 20px;
    height: 20px;
    left: 45%;
    content: url(http://www.tabione.com/img/pref_category/nara_bus/arrow.png);
    position: absolute;
}
.af_arrow:after{
	bottom: -22px;
}
.bf_arrow:before {
	top:-22px;
}
/*o”­ŽžŠÔ‚ª1‚‚ ‚éê‡*/
.plan_schedule ul li.schedule1{
	width:70px;
	font-size:13px!important;
	padding-top:12px!important;
}
/*o”­ŽžŠÔ‚ª2‚‚ ‚éê‡*/
.plan_schedule ul li.schedule2{
	width:70px;
	font-size:11px!important;
	padding-top:10px!important;
}
/*o”­ŽžŠÔ‚ª‚R‚‚ ‚éê‡*/
.plan_schedule ul li.schedule3{
	width:70px;
	font-size:11px!important;
	padding-top:2px!important;
}
#spot {
    display: flex;
    flex-wrap: wrap;
}
#spot dl{
	flex: 0 0 33.3%;
    padding: 8px;
    box-sizing: border-box;
}
#spot dl dt{
	font-weight:bold;
	font-size:15px;
	height:30px;
	color:#A34773;
	text-align: center;
}
#spot dl dd{
	margin-top:5px;
	line-height:1.2em;
}
#spot .spot_txt{
	margin-top:5px;
	line-height:1.2em;
}

.reserve a {
	width:250px;
	height40px;
	display:block;
	margin-top:3px;

}

.tab{
	width:100px;
	border:#CCC solid 1px;
	background:#000;
	text-align:center;
	font-weight:bold;
	font-size:12px;
	color:#fff;
}

.tab1{
	border-bottom:#999 solid 2px;
}

.schedule_ceparate{
	width: 49%;
	height:auto;
	float:left;
}
.schedule_ceparate:first-of-type {
    margin-right: 6px;
}
.schedule_ceparate ul.sightseeing{
	
}

/*ŒŸõ20170202TAKEDA*/
.searchWrap{
	overflow:hidden;
	margin: 0 16px;
}
.searchBox{
	padding:0!important;
	border: #5f5f5f 2px solid;
	width:48%;
	float:left;
	background:#FFF;
}
.tourTtl{
	text-align:center;
	font-size:1.1em;
	background:#5f5f5f;
	color:#fff;
	padding:5px 0;
}
.tourTtl i{
	margin-right:3px;
}
.tourTtl span.eng:after{
	content:"„ ";
	padding:0 2px;
	font-size:0.8em;
	font-weight:normal;
}
.searchBoxInner {
	padding:8px;
	font-size:0.9em;
}
.searchBox img.ui-datepicker-trigger {
    width: 25px;
    height: auto;
    vertical-align: bottom;
}
.searchBox p.searchBtn{clear:both; width:80%;margin:5px auto;background:none!important;}
.searchBox p.searchBtn button{width:100%;background-color:#5f5f5f ;border:none;padding:5px 0; color:#FFFFFF;cursor:pointer;border-radius:5px;font-size:1.2em;}
.searchBox p.searchBtn button i{margin-right:5px;}
.searchBox p.searchBtn button:hover{background-color:#CCC;}
.searchBox .search_keyword{border-top:#FFF 1px solid;padding-top:5px;}
.searchBox .search_keyword ul li{float:left;margin-right:8px;line-height:1.5em;margin-bottom: 3px;}
.searchBox .search_keyword ul li a{text-decoration:underline;}
.searchBox select,.searchBox input{padding:3px;max-width: 200px;}
.searchBox input{width:30px;padding:3px 0;}
.searchBox input.year1{width:100px;}
.searchBox span{float:left;margin-right:5px;font-size: 0.9em;}
.searchBox img{vertical-align:middle;cursor:pointer;width:29px;height:29px;}
.searchBox img:hover{opacity:0.8;}
.searchBox #keyword{clear:both;}
.searchBox #keyword p{color:#000!important;background:#fff!important;}
.searchBox #keyword input{width:168px;}

.full_content .searchWrap .tCalNextDay{
	cursor: pointer;
}
.full_content .searchWrap .searchBox{
	float:left;
	border:#5f5f5f  2px solid;
	background:#FFF;
	box-shadow: 0px 2px 5px 0px rgba(56, 56, 56, 0.3);
}
.full_content .searchWrap div.searchBox{
	margin-right:10px;
	width:60%;
}
.full_content .searchWrap div p{
	background:#5f5f5f;
	color:#fff;
	padding:5px;
	font-weight:bold;
}
.full_content .searchWrap div.searchBox dl{
	padding:5px;
}
.full_content .searchWrap div.searchBox dl dt{
	color:#5f5f5f!important;
	margin:3px 0px;
	font-size:13px;
	clear:both;
}
.full_content .searchWrap div.searchBox dl dd{
	margin-bottom:5px;
}
.full_content .searchWrap div.searchBox dl dd.searchDate{
	float:left;
}
.full_content .searchWrap div.searchBox dl dd.searchDate select{
	margin-right:3px;
	margin-left:3px;
}
.full_content .searchWrap div.searchBox dl dd.searchBtn{
	width:200px;
	margin:0px auto;
}

.full_content .searchWrap div.searchBox input,.full_content .searchWrap div.searchBox select{
	border:#999 1px solid;
	padding:3px;
}
.full_content .searchWrap div.searchBox dl dd.searchBtn input{
	border:none!important;
}
.full_content .searchLink{
	float:left;
	width:38%;
	font-size:14px;
	margin-left:0px;
}
.full_content .searchLink a{
	color:#A34773 !important;
	line-height:18px;
}

.full_content .searchLink li{
	float: left;
    background: url(../../img/pref_category/kyoto_bus/ankerLink.png) no-repeat;
    box-shadow: 0px 2px 5px 0px rgb(56 56 56 / 30%);
    background-size: 100%;
    -ms-background-size: 130px 85px;
    width: 125px;
    height: 82px;
    margin-bottom: 3px;
    text-align: center;
}
.full_content .searchLink .linkRight{
	float:right;
}
.full_content .searchLink .quitionLink{
	float:left;
	background:url(../../img/pref_category/kyoto_bus/ankerLink_l.png);
	box-shadow: 0px 2px 5px 0px rgba(56, 56, 56, 0.3);
	background-size:263px 85px;
	width:263px;
	height:65px;
	text-align:center;
	padding-top:20px;
}

.full_content .searchWrap div.searchKeyword{
	width:48%;
	float:left;
	border:#5f5f5f  2px solid;
	background:#FFF;
	height:170px;
	box-shadow: 0px 2px 5px 0px rgba(56, 56, 56, 0.3);
	
}
.full_content .searchWrap div.searchKeyword p{
	margin-bottom:5px;
}

.full_content .searchWrap div.searchKeyword ul li{
	display:inline-block;
	*display: inline;  
    *zoom: 1;  
	margin:5px 5px;
	font-size:14px;
	padding-left:15px;
	background:url(../../img/category/hatobus/iconKeyword.png) no-repeat left;
}
.full_content .searchWrap div.searchKeyword ul li a{
	text-decoration:underline;
}
.more a{
	font-size:16px!important;
	font-weight:bold;
}
/*‚æ‚­‚ ‚鎿–â*/
#QandA dl{
	font-size:13px;
	line-height:1.3em;
	padding:10px;
}

#QandA dt{
	margin-bottom:5px;
	padding-bottom:5px;
}
#QandA dd{
	margin-bottom:10px;
	border-bottom:#999999 1px dotted;
	padding-bottom:5px;
	line-height: 1.5em;
}
#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:#A34773;
}

#point .subTitle,#access .subTitle{
	color:#A34773;
	font-size:1.4em;
	font-weight:bold;
	text-align:center;
	margin:0 0 10px 0;
}
#access h4{
	margin:10px 0;
}

#access span{
	color:#F00;
	font-weight:bold;
}

/*ƒvƒ‰ƒ“ˆê——‚o‚b‚m‚d‚v*/
.planArea{
	clear:both;
	margin-top:0px;
}
.content h4{
	color:#FFF;
	font-size:1.1em;
	line-height:1.3em;
	margin-bottom:5px;
	background:#5f5f5f;
	padding:5px;
}
.content .spring h4{
	background:#AFAFAF !important;
}

.planBoxn{
	width: 49.5%;
	display:inline-block;
	vertical-align: top;
	margin: 8px 0;
	padding:8px 5px;
	position:relative;
	box-sizing: border-box;
}

.planBoxn p img{
	height: 192px;
	width: 100%;
    object-fit: cover;
}
@media only screen and (max-width: 767px){
	.planBoxn p img{
		height: 100px;
	}
}
.planBoxn .planInfo{
	margin:8px 0px;
	width:100%;
}
.planBoxn .planInfo td{
	border-bottom:#999 1px solid!important;
	padding:5px;
	line-height:1.3em;
}
.planBoxn .planInfo .tableTtl{
	background:#eee;
	margin-right:8px;
	border-bottom:#999 1px solid!important;
	padding:5px;
	font-weight:normal!important;
}
.planBoxn .planInfo .tableTtl2{
	background:#F8B8C7;
	margin-right:8px;
	border-bottom:#999 1px solid!important;
	padding:5px;
	font-weight:normal!important;
}
.planBoxn dl.planPrice,.planBoxn dl.planPrice2{
	display: table;
	border-collapse: separate;
	border-spacing: 2px 0;  
	margin-left: auto;
	margin-right: auto;
}
.planBoxn dl.planPrice dt,.planBoxn dl.planPrice2 dt{	
	display: table-cell;
	padding-top:5px;
	margin-left:15px;
}
.planBoxn dl.planPrice dd,.planBoxn dl.planPrice2 dd,.gotoPrice dd{
	display: table-cell;
	margin-left:8px;
	color:red;
	font-weight:bold;
	font-family:"ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", "ƒƒCƒŠƒI", Meiryo, Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;
	font-size:1.3em;
}
.planBoxn dl.planPrice.goto_regular dd{
	font-size:1em;
	color:#000;
	font-weight:normal;
}
.goto_regular::before {
    content: '通常';
}
.gotoPrice{
	border:1px solid #999;
	margin:8px 0 15px;
}
.gotoPrice p{
	background:#999;
	color:#fff;
	text-align: center;
	padding:5px 0;
}

.planLink{
	width: 95%;
	position: relative;
	margin: 5px auto;
	float: none !important;
}

.planLink a{
	text-align:center;
	font-weight:bold;
	border-radius:5px;
	padding:8px 0px;
	display:block;
	text-decoration:none;
	background:#f90;
	color:#FFFFFF!important;
	box-shadow: 0 3px 0 rgba(136,136,136,1);
}

#contentsInner .planArea .planBoxn .planLink a:hover ,#contentsInner .planArea .planBoxn .planLink2 a:hover{
    box-shadow: none;
    transform: translate3d(0, 3px, 0);
}
#contentsInner .planArea .planBoxn .soldOut{
	position:absolute;
	width:98%;
	height:98%;
	text-align:center;
	background:rgba(255,255,255,0.9);
}
#contentsInner .planArea .planBoxn .soldOut span{
	margin:70% 0;
	font-size:2em;
	color:#C00;
	font-family:"‚l‚r ‚o–¾’©", "MS PMincho", "ƒqƒ‰ƒMƒm–¾’© Pro W3", "Hiragino Mincho Pro", serif;
	font-weight:bold;
	display:block;
}
.content .point_inner h4 {
    background: none;
    color: #a34773;
}
.point_video {
    padding: 15px;
}

.course_1day .planBoxn {
    width: 100%;
}
.course_1day .planBoxn>p {
    display: inline-block;
    width: 35%;
    vertical-align: top;
    margin: 8px 8px 0 0;
}
.course_1day .planBoxn .planInfo {
    display: inline-block;
    width: 63%;
}
.course_1day .planBoxn dl.planPrice {
    position: absolute;
    right: 10px;
    top: 180px;
}
.course_1day .planBoxn>p.planLink, .course_1day .planBoxn>p.btn_schedule {
    width: 48%;
}