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

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

------------------------------------------ */
#contents.column1 {
	background-color: #f8e5a1;
}
#contentsArea #contents .pageBtn a {
	line-height: 44px;
	font-size: 83%;
	color: #FFF;
	background: #f1396d;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #f20000; 
}
#keyVisual{
	margin-bottom: 0;
}
#contentsArea .pageBtn a span {font-weight: bold;font-size: 120%;}
#contentsArea .pageBtn .first a span {letter-spacing: -1px;}

	
#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;}
section.kani .holder img {width: 100%;padding-bottom: 10px;}

#PRBOX ul{ ;overflow: hidden;}
#PRBOX  ul li{float:left;  width:48%;  margin-left: 1%;margin-right: 1%; font-size:90%; line-height:130%;height: auto !important;}
#PRBOX  ul li span {display: block;padding: 10px;border:1px solid #ded9c3;margin-bottom: 10px;}
#PRBOX  ul li em{font-weight:bold; display:block; font-size:125%;}
#PRBOX  ul li.mr0{margin-right:0;}
.kani {margin-top: 10px;overflow: hidden;padding-bottom: 10px;}
.kani .pr {overflow: hidden;padding-left: 10px;font-size: 90%;}
.kani .pr dt {text-align: center;}
.kani .pr dd.txt {padding-top: 16px;}
.kani.pr dd.price{}
.kani .pr dd.txt span {color: #f20000;font-size: 150%;font-weight: bold;}

.kani .intro {padding-top: 10px;padding-left: 10px;padding-right: 10px;}
.kani .intro span{font-size: 78%;}
.kani .mainbox h2{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;margin: 10px;font-size: 120%;}
.kani  .routebox {overflow: hidden;}

.kani  .routebox dl.routedetial {border: 1px solid #f20000;font-size: 78%;text-align: center;width: 80%;height: 63px;border-right:20px solid #f20000;background-color: #fff;position: relative;line-height: 1.4;margin: 0 auto 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 {margin: 10px auto;width: 38px;}
.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 ;width: 86%;} 
.kani  .routebox dl.detial3 dd {background: none;} 
.kani  .routebox dl.mblock{} 

.kani  .routebox p.btn {margin: 10px 20px;}
#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%;font-weight: bold;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: 20px;}
.downbox .stopbox {overflow: hidden;}
.downbox .stopbox li {float: left;width: 48%;margin-left: 1%;margin-right: 1%;margin-bottom: 10px;}
.downbox .stopbox li  img {width: 100%;}
.downbox .prbox {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: 10px 20px;}
#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%;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;}


#ROUTE03 .mainbox h2.ttl2 {
    margin-top:14px;
}
#ROUTE02 p.intro ,  #ROUTE03 p.intro {text-align: center;text-align: center;background:  url(../images/bus_logo2.gif) top center no-repeat;padding-bottom: 10px;padding-top: 88px;}
#ROUTE02 p.intro span ,  #ROUTE03 p.intro  span {font-size: 140%;font-weight: bold;color: #f20000;}
#ROUTE02  .routebox  , #ROUTE03  .routebox{margin-bottom: 16px;}
#ROUTE02   p.btn , #ROUTE03   p.btn {}
#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%;margin: 10px 20px;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;}

.htlBox .plan li a .price{font-size:73%;}
.htlBox{border:1px solid #825300;}
.htlBox .area{background:#825300;color: #fff;}
.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%;}




.htlBox .plan li a .price {
    text-align: center;
}

	
#contentsArea a:visited:hover,
#contentsArea a:link:hover,
#contentsArea a:visited:active,
#contentsArea a:link:active{ text-decoration: none;}
#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; }
#contentsArea  .htlBox h2:hover, #contentsArea  .htlBox h2:active { color: #CC0000; text-decoration: underline; }



#contentsArea .htlBox .explain {
   color: #000;
}
#contentsArea .htlBox .btn li a{font-weight: bold;}
	
	


.htlBox .area {
    margin: 0;
	padding: 7px 7px 5px;
}







.pc {
    display: none;
}
.htlBox .plan li a .price {
    text-align: center;
}
.btn1 {text-align: center;padding-bottom: 5px;}
#contentsArea .column2L #login, .column2R #login {
    background-color: #FFF;
	padding: 10px;
}
p.btmbnr {margin: 0px auto 10px;}
p.btmbnr img {width: 100%;}
.attention {font-size: 78%;line-height: 1.4;margin: 0 10px 10px;}