@charset "utf-8";
/*
* ★★CSS for smartphone
*
 * @date     2015.10.21
 * @author   zhaoly
 */

/* ------------------------------------------

------------------------------------------ */
#contentsArea {
	font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,メイリオ,sans-serif;
}
#contents.column1 {
	background-color: #f8e5a1;
    padding: 10px 15px 15px 15px;
    width: 920px;
}
#keyVisual{
	margin-bottom: 0;
	height: 300px;
}

#keyVisual h1{
	background-image: url(../images/keyvisual01.jpg);
}

#contentsArea #contents .pageBtn a {
	line-height: 44px;
	font-size: 100%;
	color: #FFF;
	background: #f1396d;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #f20000; 
}

#contentsArea .pageBtn a span {font-weight: bold;font-size: 130%;}
	
#contentsArea #contents .pageBtn a:hover {
	color: #FFF;
	text-decoration: underline;
	}

section.kani  h1.ttl{background-color: #f20000;color: #fff;text-align: center;font-weight: bold;font-size: 110%;padding: 10px;margin-bottom: 18px;}
section.kani  h1.ttl span {font-size: 120%;}
section.kani .holder {border: 1px solid #f20000;padding: 13px;background-color: #fff;}

#PRBOX ul{ padding-top:10px;overflow: hidden;}
#PRBOX  ul li{float:left; padding:10px; width:150px; border:1px solid #ded9c3; margin-right:8px; font-size:90%; line-height:130%;}
#PRBOX  ul li em{font-weight:bold; display:block; font-size:125%;}
#PRBOX  ul li.mr0{margin-right:0;}
.kani {margin-top: 30px;overflow: hidden;padding-bottom: 10px;}
.kani .pr {overflow: hidden;padding-left: 92px;font-size: 90%;}
.kani .pr dt , #ROUTE01 .pr dd{float: left;}
.kani .pr dd.txt {padding-top: 16px;padding-left: 10px;}
.kani .pr dd.txt br {display: none;}
.kani .pr dd.txt span {color: #f20000;font-size: 150%;font-weight: bold;}
.kani .intro {padding-top: 10px;}
.kani .intro span{font-size: 78%;}
.kani .mainbox {overflow: hidden;padding-top: 16px;}
.kani .mainbox h2{width: 86px;border: 2px solid #f20000;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;background-color: #f29b28;text-align: center;color: #fff;padding: 7px 0 5px;float: left;margin-right: 10px;margin-top: 15px;font-size: 120%;}
.kani  .routebox {overflow: hidden;float: left;}

.kani  .routebox dl.routedetial {border: 1px solid #f20000;float: left;font-size: 78%;text-align: center;width: 103px;height: 63px;border-right:20px solid #f20000;background-color: #fff;position: relative;line-height: 1.4;margin-right: 10px;}

.kani  .routebox dl.routedetial dt {padding-top: 12px;padding-bottom: 8px;}
.kani  .routebox dl.routedetial  span {font-size: 130%;display: block;}
.kani  .routebox dl.routedetial dd {background:url(../images/arr_small.png) center right no-repeat;position: absolute;height: 63px;width: 20px;top: 0;right: -15px;}
.kani  .routebox p.arr {float: left;margin-right: 10px;margin-top: 12px;}
.kani  .routebox dl.detial2 {line-height: 1.2;} 
.kani  .routebox dl.detial2 dt {padding-top: 4px;}
.kani  .routebox dl.detial3 {border-right: 1px solid #f20000 ;}
.kani  .routebox dl.detial3 dd {background: none;} 
.kani  .routebox dl.mblock{margin-right: 144px;} 

.kani  .routebox p.btn {float: left;}
#contents.column1 .kani  .routebox p.btn a {-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;background-color: #f20000;display: block;color: #fff;text-align: center;font-size: 130%;width: 92px;font-weight: bold;margin-top: 15px;padding-top:8px ;padding-bottom: 5px;-webkit-box-shadow: 1px 2px 0px 0px #af0303;
-moz-box-shadow:1px 2px 0px 0px #af0303;
box-shadow: 1px 2px 0px 0px #af0303;} 
#contents.column1 .kani  .routebox p.btn a:hover {
box-shadow: none;} 
.downbox {overflow: hidden;padding-top: 38px;}
.downbox .stopbox {float: left;width: 560px;overflow: hidden;}
.downbox .stopbox li {float: left;margin-right: 19px;margin-bottom: 10px;}
.downbox .prbox {width: 350px;float: left;text-align: center;}
.downbox .prbox dt{-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;border: 2px solid #cc0000;color: #cc0000;background-color: #fff;width: 175px;padding: 8px 0;font-size: 120%;margin: 0 auto 10px;}
.downbox .prbox dd.txt {font-size: 90%;line-height: 1.4;width: 260px;margin: 0 auto;text-align: left;}
#ROUTE01  .downbox .prbox dd.btn {margin-top: 88px;margin-left: 110px;}
#ROUTE01  .downbox .prbox dd.btn a {-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;background-color: #f20000;display: block;color: #fff;text-align: center;font-size: 120%;width: 250px;margin-top: 15px;padding-top:5px ;padding-bottom: 5px;-webkit-box-shadow: 1px 2px 0px 0px #af0303;
-moz-box-shadow:1px 2px 0px 0px #af0303;
box-shadow: 1px 2px 0px 0px #af0303;}
#ROUTE01  .downbox .prbox dd.btn a:hover {box-shadow:none;}
#ROUTE02 , #ROUTE03 {padding-bottom: 25px;}
#ROUTE02  .mainbox h2 , #ROUTE03  .mainbox h2 {margin-top: 56px;}

#ROUTE03 .mainbox h2.ttl2 {
    margin-top:14px;
}
#ROUTE02 p.intro ,  #ROUTE03 p.intro {text-align: center;background:  url(../images/bus_logo2.gif) 92px 0 no-repeat;padding-bottom: 18px;padding-top:35px;}
#ROUTE02 p.intro span ,  #ROUTE03 p.intro  span {font-size: 140%;font-weight: bold;color: #f20000;}
.kani p.intro  br{display: none;}
#ROUTE02  .routebox  , #ROUTE03  .routebox{margin-bottom: 16px;}
#ROUTE02   p.btn , #ROUTE03   p.btn {float: right;}
#ROUTE02   p.btn a  , #ROUTE03   p.btn a{-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;background-color: #f20000;display: block;color: #fff;text-align: center;font-size: 120%;width: 250px;margin-top: 15px;padding-top:5px ;padding-bottom: 5px;-webkit-box-shadow: 1px 2px 0px 0px #af0303;
-moz-box-shadow:1px 2px 0px 0px #af0303;
box-shadow: 1px 2px 0px 0px #af0303;}
#ROUTE02   p.btn a:hover , #ROUTE03   p.btn a:hover{box-shadow:none;color: #fff;}

.column1 .htlBox4{width:175px;}
.htlBox .plan li a .price{font-size:73%;}
.htlBox{border:1px solid #825300;}
.htlBox .area{background:#825300;}
.htlBox .chara li{background:#fff3a8; color:#927c68; border:1px solid #927c68;}
.htlBox .btn li a{
	background: #f81f00;
	background: -moz-linear-gradient(top, #f81f00, #eb1d00);  
    background: -webkit-gradient(linear, left top, left bottom, from(#f81f00), to(#eb1d00));
}
.htlBox .btn li a:hover{
	background: #eb1d00;
	background: -moz-linear-gradient(top, #eb1d00, #f81f00);  
    background: -webkit-gradient(linear, left top, left bottom, from(#eb1d00), to(#f81f00));
}

#contentsArea .pagetop a:link, #contentsArea .pagetop a:visited {
    color: #333333;
    text-decoration: underline;
}
/* -----  -----*/

#contentsArea a:visited:hover,
#contentsArea a:link:hover,
#contentsArea a:visited:active,
#contentsArea a:link:active{ text-decoration: none;}
#contentsArea  .htlBox1 h1 {width: 360px;}
#contentsArea  .htlBox h1, #contentsArea  .htlBox h1:visited { color: #1D54A7; text-decoration: none;}
#contentsArea  .htlBox h1:hover, #contentsArea  .htlBox h1:active { color: #CC0000; text-decoration: underline; }

#contentsArea  .htlBox h2, #contentsArea  .htlBox h2:visited { color: #1D54A7; text-decoration: none;line-height: 130%; }
#contentsArea  .htlBox h2:hover, #contentsArea  .htlBox h2:active { color: #CC0000; text-decoration: underline; }

.htlBox .rate a em {
    padding-top: 0px;
}

#contentsArea .htlBox .explain {
   color: #000;
   line-height: 150%;
}
#contentsArea .htlBox .btn li a{font-size: 90%;}


.sp {
	display:none;
}

.htlBox .plan li a .price {
    text-align: center;
}
p.btmbnr {width:920px ;margin: 20px auto 10px;}
.attention {font-size: 78%;line-height: 1.4;}