﻿@charset "utf-8";
/*
* ★★CSS for PC
*
* @date 2016.05.20
* @author   zhaoly
*/

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

------------------------------------------ */
.sp{display:none !important;}
.lst{margin-right:0 !important;}
#contents.column2L {padding: 0; width: 950px; background:#ffffff;}
body.cpn div.rt-wide-banner-pc {
    display: block !important;
}
.column2L .mainContents {float: left; width: 700px;}
.column2L .mainContents h1{display:block; width:700px; height:290px; margin-bottom:10px;}
.column2L .mainContents h1 span{display:block; color:#ffffff; background:#2ba0d6; font-size:16px; height:40px; line-height:40px; padding-left:15px;}

.ctbox{width:698px; border:2px solid #FFC006; background:#FFF; margin-bottom:20px;}
.ctbox h2{display:block; height:41px; width:628px; padding-left:70px; color:#ffffff; line-height:41px; font-size:22px;}
.ctbox h2#ANC01 , .ctbox h2#ANC01S{ background:url(https://img.travel.rakuten.co.jp/bus/hatobus/2016/images/ttl1.gif) no-repeat #ffc006;}
.ctbox h2#ANC02{ background:url(https://img.travel.rakuten.co.jp/bus/hatobus/2016/images/ttl2-2.gif) no-repeat #ffc006;}
.ctbox h2#ANC03{ background:url(https://img.travel.rakuten.co.jp/bus/hatobus/2016/images/ttl3.gif) no-repeat #ffc006;}
.ctbox h2#ANC04{ background:url(https://img.travel.rakuten.co.jp/bus/hatobus/2016/images/ttl6.gif) no-repeat #ffc006;}


.navi1 ul{overflow:hidden; padding:30px 0 19px 19px;}
.navi1 ul li{width:208px; float:left; margin-right:18px;}
.navi1 ul li.nav01{margin:0 0 18px 0; width:660px;}
.navi1 ul li a{display:block; width:100%; height:62px; text-indent:-9999px; cursor:pointer;}
.navi1 ul li.nav01 a{ background:url(https://img.travel.rakuten.co.jp/bus/hatobus/2016/images/btn1_l.gif);}
.navi1 ul li.nav02 a{ background:url(https://img.travel.rakuten.co.jp/bus/hatobus/2016/images/btn2_l.gif);}
.navi1 ul li.nav03 a{ background:url(https://img.travel.rakuten.co.jp/bus/hatobus/2016/images/btn3_l.gif);}
.navi1 ul li.nav04 a{ background:url(https://img.travel.rakuten.co.jp/bus/hatobus/2016/images/btn4_l.gif);}
.navi1 ul li.nav01 a:hover{ background:url(https://img.travel.rakuten.co.jp/bus/hatobus/2016/images/btn1_l_o.gif);}
.navi1 ul li.nav02 a:hover{ background:url(https://img.travel.rakuten.co.jp/bus/hatobus/2016/images/btn2_l_o.gif);}
.navi1 ul li.nav03 a:hover{ background:url(https://img.travel.rakuten.co.jp/bus/hatobus/2016/images/btn3_l_o.gif);}
.navi1 ul li.nav04 a:hover{ background:url(https://img.travel.rakuten.co.jp/bus/hatobus/2016/images/btn4_l_o.gif);}

.navi1 ul li p{padding:8px; font-size:13px; text-align:center; color:#333333; line-height:20Px;}



.navi2{overflow:hidden; /*width:100%;*/}
.navi2 ul.tp1{overflow:hidden; padding:30px 16px 19px 19px; float:left; width:482px;}
.navi2 ul.tp2{overflow:hidden; padding:30px 19px 19px 0; float:left; width:162px;}
.navix{ background:#fff5d9 !important;}
.navix ul.tp1{padding:50px 16px 19px 120px;}
.navix ul.tp2{padding-top:50px;}
.navi2 ul li{width:156px; float:left; margin-right:7px;}
.navix ul li.nav04{margin-right:0;}
.navi2 ul li.nav01{margin:0 0 18px 0; width:482px;}
.navi2 ul li.nav05 , .navi2 ul li.nav06{margin:0 0 18px 0; width:162px;}
.navi2 ul li a{display:block; width:100%; height:62px; text-indent:-9999px; cursor:pointer;}
.navi2 ul li.nav01 a{ background:url(https://img.travel.rakuten.co.jp/bus/hatobus/2016/images/btn1_s.gif);}
.navi2 ul li.nav02 a{ background:url(https://img.travel.rakuten.co.jp/bus/hatobus/2016/images/btn2_s.gif);}
.navi2 ul li.nav03 a{ background:url(https://img.travel.rakuten.co.jp/bus/hatobus/2016/images/btn3_s.gif);}
.navi2 ul li.nav04 a{ background:url(https://img.travel.rakuten.co.jp/bus/hatobus/2016/images/btn4_s.gif);}
.navi2 ul li.nav05 a{ background:url(https://img.travel.rakuten.co.jp/bus/hatobus/2016/images/btn5_s.gif);}
.navi2 ul li.nav06 a{ background:url(https://img.travel.rakuten.co.jp/bus/hatobus/2016/images/btn6_s.gif);}
.navi2 ul li.nav01 a:hover{ background:url(https://img.travel.rakuten.co.jp/bus/hatobus/2016/images/btn1_s_o.gif);}
.navi2 ul li.nav02 a:hover{ background:url(https://img.travel.rakuten.co.jp/bus/hatobus/2016/images/btn2_s_o.gif);}
.navi2 ul li.nav03 a:hover{ background:url(https://img.travel.rakuten.co.jp/bus/hatobus/2016/images/btn3_s_o.gif);}
.navi2 ul li.nav04 a:hover{ background:url(https://img.travel.rakuten.co.jp/bus/hatobus/2016/images/btn4_s_o.gif);}
.navi2 ul li.nav05 a:hover{ background:url(https://img.travel.rakuten.co.jp/bus/hatobus/2016/images/btn5_s_o.gif);}
.navi2 ul li.nav06 a:hover{ background:url(https://img.travel.rakuten.co.jp/bus/hatobus/2016/images/btn6_s_o.gif);}
.navi2 ul li p{padding:8px; font-size:13px; text-align:center; color:#333333; line-height:20px;}



.pickup { background:#ffffff;}
.pickup ul{overflow:hidden; padding:33px 0 0 33px;}
.pickup li{float:left; width:300px; margin:0 32px 16px 0; padding-bottom:16px; border-bottom:1px #cdcdcd dashed;}
.pickup li img{display:block; width:300px; height:200px; margin-bottom:8px;}
.pickup li h3{display:block; font-size:14px; color:#1D54A7; line-height:20px; margin-bottom:8px; font-weight:normal;}
.pickup li p{ color:#FF0000; font-size:14px; text-align:center;}
.pickup li p strong{font-size:20px;}
.pickup li a:hover img{opacity:0.7;-moz-opacity:0.7; -khtml-opacity:0.7; filter: alpha(opacity=70); -ms-filter:"alpha(opacity=70)";}
.closedcp,.sold-out{position:relative; display:block;}
.closedcp:before,.sold-out:before{display: block; position: absolute; top: 0; left: 0; width:100%; height:100%;content: "終了しました"; z-index:10;background-color: rgba(114, 114, 114, 0.68);color: #fff;cursor: default;font-size: 24px; font-weight:bold;text-align: center; padding-top: 13%; box-sizing:border-box;}





p.back{width:83px; height:24px; position:fixed; bottom:10px; right:10px; z-index:99;}
p.back a{display:inline-block; padding-left:38px; height:24px; line-height:24px; background:url(https://img.travel.rakuten.co.jp/bus/hatobus/2016/images/back.gif) left no-repeat; font-size:14px;}

.cpbox{padding-bottom:20px;}
.cpbox h3{display:block; padding: 15px 33px; font-size:16px; color:#333333;}
.cpbox .cpil{overflow:hidden; padding:0 0 33px 33px;}
.cpbox .cpil li{width:300px; float:left; margin-right:32px;}
.cpbox .cpil li a{display:block; margin-bottom:8px;}
.cpbox .cpil li a:hover{opacity:0.7;-moz-opacity:0.7; -khtml-opacity:0.7; filter: alpha(opacity=70); -ms-filter:"alpha(opacity=70)";}
.cpbox .cpil li p{font-size:13px; line-height:20px;}
.cp__acordion{width:668px; margin:0 auto 10px; background:#ffffff; border:1px solid #eaeaea;}
.cp__trigger{padding:10px 0 10px 40px; color:#333333; display:block; height:20px; line-height:20px; font-size:16px;}
.cp__none-submenu{ background:url(https://img.travel.rakuten.co.jp/bus/hatobus/2016/images/open.gif) 10px 10px no-repeat #eaeaea;}
.active-submenu{ background:url(https://img.travel.rakuten.co.jp/bus/hatobus/2016/images/close.gif) 10px 10px no-repeat #eaeaea;}
.cp__liststyle-none{padding:20px; font-size:14px; line-height:20px;}






.column2L #subContents {width: 230px; position:relative;}
.rslides{width:230px; background:#ffc006; box-sizing:border-box; padding:30px 10px; overflow:hidden; margin-bottom:15px; height:290px;}
.rslides li{width:210px;}
.rslides p{width:200px; margin:0 auto 8px; background:#ffffff; border-radius:5px; height:30px; line-height:30px; font-size:16px; color:#ec1a2d; text-align:center; font-weight:bold;}
.rslides h2{display:block; font-size:18px; color:#ffffff; text-align:center; margin-bottom:10px;}
.rslides a{display:block; width:210px; margin:0 0 10px;}
.rslides a img{width:100%;}
.rslides a:hover img{opacity:0.7;-moz-opacity:0.7; -khtml-opacity:0.7; filter: alpha(opacity=70); -ms-filter:"alpha(opacity=70)";}

.rslides1_tabs{position:absolute; width:210px; left:10px; top:260px; text-align:right;}
.rslides1_tabs li{display:inline-block; margin-left:5px; width:25px; height:15px; background:#ffffff; border:1px solid #333333;}
.rslides1_tabs li a{font-size:12px; line-height:15px; height:15px; text-align:center; display:block;}



.ranking{width:230px;}
.ranking h2{display:block; width:180px; height:40px; background:url(https://img.travel.rakuten.co.jp/bus/hatobus/2016/images/ttlr.gif); padding-left:50px; color:#ffffff;  font-size:22px; padding-top:8px;line-height:40px;}
.ranking ul{padding:5px; border:2px solid #ffc006;}
.ranking ul li{width:218px; margin-bottom:15px;  position:relative;padding-bottom:15px; border-bottom:1px #cdcdcd dashed;}
.ranking ul li img{display:block; width:218px;}
.ranking ul li.rank1:before{display: block;	position: absolute; top: 1px; left: 1px; width: 50px; height: 50px; z-index:10; background:url(https://img.travel.rakuten.co.jp/bus/hatobus/2016/images/rank1.png); content: "";}
.ranking ul li.rank2:before{display: block;	position: absolute; top: 1px; left: 1px; width: 50px; height: 50px; z-index:10; background:url(https://img.travel.rakuten.co.jp/bus/hatobus/2016/images/rank2.png); content: "";}
.ranking ul li.rank3:before{display: block;	position: absolute; top: 1px; left: 1px; width: 50px; height: 50px; z-index:10; background:url(https://img.travel.rakuten.co.jp/bus/hatobus/2016/images/rank3.png); content: "";}
.ranking ul li.rank4:before{display: block;	position: absolute; top: 1px; left: 1px; width: 50px; height: 50px; z-index:10; background:url(https://img.travel.rakuten.co.jp/bus/hatobus/2016/images/rank4.png); content: "";}
.ranking ul li.rank5:before{display: block;	position: absolute; top: 1px; left: 1px; width: 50px; height: 50px; z-index:10; background:url(https://img.travel.rakuten.co.jp/bus/hatobus/2016/images/rank5.png); content: "";}
.ranking ul li h3{display:block; font-size:14px; color:#2054a7; font-weight:normal; margin:8px 0;}
.ranking ul li p{color:#ff0101; text-align:center; font-size:13px; font-weight:bold;}
.ranking ul li p strong{font-size:20px;}
.ranking ul li a:hover img{opacity:0.7;-moz-opacity:0.7; -khtml-opacity:0.7; filter: alpha(opacity=70); -ms-filter:"alpha(opacity=70)";}


.lastnavi{clear:both; width:950px; padding-top:40px; margin-bottom:40px;}
.lastnavi h2{display:block; height:16px; padding:8px 0 8px 37px; background:url(https://img.travel.rakuten.co.jp/bus/hatobus/2016/images/icon1.gif) top left no-repeat; border-bottom:1px solid #333333; font-size:16px; margin-bottom:15px;}
.lastnavi ul{overflow:hidden; height:25px;}
.lastnavi ul li{float:left; width:165px; height:25px; line-height:25px;}
.lastnavi ul li.fst{font-size:16px; color:#00a0e8; width:150px;}
.lastnavi ul li.fst2{font-size:16px; color:#00a0e8; width:350px;}
.lastnavi ul li.ln03 , .lastnavi ul li.ln04{width:150px;}

.lastnavi ul li a{display:block; height:25px; line-height:25px; cursor:pointer;}
.lastnavi ul li.ln01 a{padding-left:35px; background:url(https://img.travel.rakuten.co.jp/bus/hatobus/2016/images/icon2.gif) left no-repeat;}
.lastnavi ul li.ln02 a{padding-left:35px; background:url(https://img.travel.rakuten.co.jp/bus/hatobus/2016/images/icon3.gif) left no-repeat;}
.lastnavi ul li.ln03 a{padding-left:35px; background:url(https://img.travel.rakuten.co.jp/bus/hatobus/2016/images/icon4.gif) left no-repeat;}
.lastnavi ul li.ln04 a{padding-left:35px; background:url(https://img.travel.rakuten.co.jp/bus/hatobus/2016/images/icon5.gif) left no-repeat;}
.lastnavi ul li.ln05 a{padding-left:35px; background:url(https://img.travel.rakuten.co.jp/bus/hatobus/2016/images/icon6.gif) left no-repeat;}
.lastnavi ul li.ln06 a{padding-left:35px; background:url(https://img.travel.rakuten.co.jp/bus/hatobus/2016/images/icon7.gif) left no-repeat;}
.lastnavi ul li.ln07 a{padding-left:35px; background:url(https://img.travel.rakuten.co.jp/bus/hatobus/2016/images/icon8.gif) left no-repeat;}
.lastnavi ul li.ln08 a{padding-left:35px; background:url(https://img.travel.rakuten.co.jp/bus/hatobus/2016/images/icon9.gif) left no-repeat;}


p.note{font-size:13px; line-height:20px;margin: 0 auto 40px;}






.wide .ctbox{width:948px; background:#ffffff;}
.wide .ctbox h2{width:878px;}
.wide .ctbox h2#ANC01{background:url(https://img.travel.rakuten.co.jp/bus/hatobus/2016/images/ttlp1.gif);}
.wide .ctbox h2#ANC02{background:url(https://img.travel.rakuten.co.jp/bus/hatobus/2016/images/ttlp2.gif);}

.wide .ctbox h2#ANX01{background:url(https://img.travel.rakuten.co.jp/bus/hatobus/2016/images/ttl4.gif);}
.wide .ctbox h2#ANXX{background:url(https://img.travel.rakuten.co.jp/bus/hatobus/2016/images/ttl_st.gif);}
.wide .ctbox h2.new{background:url(https://img.travel.rakuten.co.jp/bus/hatobus/2016/images/ttln1.gif);}

p.mtl{height:86px; padding-left:237px; background:url(https://img.travel.rakuten.co.jp/bus/hatobus/2016/images/st1.gif) left center no-repeat; margin-bottom:20px;}
p.mtl_daytrip{background:url(https://img.travel.rakuten.co.jp/bus/hatobus/2016/images/st1.gif) left center no-repeat; padding-left:240px; }
p.mtl_noon{background:url(https://img.travel.rakuten.co.jp/bus/hatobus/2016/images/st_noon.gif) left center no-repeat; padding-left:207px; }
p.mtl_night{background:url(https://img.travel.rakuten.co.jp/bus/hatobus/2016/images/st_night.gif) left center no-repeat; padding-left:207px; }
p.mtl_half{background:url(https://img.travel.rakuten.co.jp/bus/hatobus/2016/images/st_half.gif) left center no-repeat; padding-left:237px; }
p.mtl_tokyo{background:url(https://img.travel.rakuten.co.jp/bus/hatobus/2016/images/st_tokyo.gif) left center no-repeat; padding-left:220px; }
p.mtl_yokohama{background:url(https://img.travel.rakuten.co.jp/bus/hatobus/2016/images/st_yokohama.gif) left center no-repeat; padding-left:240px; }
p.mtl span{display:block; font-size:13px; line-height:20px; padding:23px 0; background:url(https://img.travel.rakuten.co.jp/bus/hatobus/2016/images/bus.jpg) 400px 0 no-repeat;}
p.mtl span.bus2{ background:url(https://img.travel.rakuten.co.jp/bus/hatobus/2016/images/bus2.jpg) 600px 0 no-repeat;}
p.mtl span.bus3{ background:url(https://img.travel.rakuten.co.jp/bus/hatobus/2016/images/bus2.jpg) 570px 0 no-repeat;}
p.mtl span.bus4{ background:url(https://img.travel.rakuten.co.jp/bus/hatobus/2016/images/bus2.jpg) 620px 0 no-repeat;}
p.mtl_tokyo span.bus4{background:url(https://img.travel.rakuten.co.jp/bus/hatobus/2016/images/bus2.jpg) 590px 0 no-repeat;}
p.mtl_yokohama span.bus4{background:url(https://img.travel.rakuten.co.jp/bus/hatobus/2016/images/bus2.jpg) 575px 0 no-repeat;}


.ovclass{width:920px; margin:15px auto;}
.tab_area{width:870px; padding:20px 25px 0; background:#bbbbbb; overflow:hidden;}
.tab_area li{float:left; width:289px;  cursor:pointer; padding:15px 0; height:46px; text-indent:-9999px;  background:url(https://img.travel.rakuten.co.jp/bus/hatobus/2016/images/ad.gif) right bottom no-repeat;}
.tab_area li.select{background:url(https://img.travel.rakuten.co.jp/bus/hatobus/2016/images/ad_o.gif) 260px center no-repeat #ffffff; border-right:none; width:290px; border-radius:8px 8px 0 0;}
.tab_area li span{display:block; margin:0 auto;}
.tab_area li#tab1 span{width:147px; height:46px; background:url(https://img.travel.rakuten.co.jp/bus/hatobus/2016/images/tab1.gif);}
.tab_area li#tab1.select span{background:url(https://img.travel.rakuten.co.jp/bus/hatobus/2016/images/tab1_o.gif);}
.tab_area li#tab2 span{width:132px; height:46px; background:url(https://img.travel.rakuten.co.jp/bus/hatobus/2016/images/tab2.gif);}
.tab_area li#tab2.select span{background:url(https://img.travel.rakuten.co.jp/bus/hatobus/2016/images/tab2_o.gif);}
.tab_area li#tab3 span{width:129px; height:46px; background:url(https://img.travel.rakuten.co.jp/bus/hatobus/2016/images/tab3.gif);}
.tab_area li#tab3.select span{background:url(https://img.travel.rakuten.co.jp/bus/hatobus/2016/images/tab3_o.gif);}


.content_area {width:920px; margin:0 auto; overflow:hidden;padding: 0 !important;}
.content_area h2.m-clear{display:block; margin:25px auto; width:870px; color:#ffc006; font-size:24px; padding-bottom:8px; border-bottom:1px solid #ffc006; text-indent:0 !important;height:auto !important; padding-left:0;}
.content_area section{overflow:hidden;}
.course{width:385px; margin-right:20px; background:#f5f5f5; border-bottom:1px solid #e3e3e3; float:left; margin-bottom:20px; padding:20px; overflow:hidden;}
.sms .course{margin:0 0 20px 23px;}
.sm1 .course:nth-child(2n){margin-right:0;}
.sm2 .course:nth-child(2n){margin-right:0;}
.sm3 .course:nth-child(2n){margin-right:0;}
.course ul.icons{overflow:hidden; height:30px; margin-bottom:15px;}
.course ul.icons li{float:left; width:85px; height:28px; line-height:28px; text-align:center; border:1px solid #dca703; color:#dca703; font-size:12px; border-radius:5px; margin-right:5px; background:#ffffff;}
.course ul.icons li.red{color:#a32526; border:1px solid #a32526;}
.course h3{display:block; float:left; margin-bottom:10px; width:270px; font-size:16px; color:#333333;}
.course span.code{display:block; float:right; font-size:13px; width:110px;}
.course p.info{clear:both; font-size:13px; line-height:18px; margin-bottom:10px;}
.course img{display:block; width:200px; float:left;}
.course p.price{width:170px; float:right; margin-bottom:8px; color:#fe0000; text-align:center; font-size:16px; padding-top:15px;}
.course p.price strong{font-size:24px;}
.course p.price span{color:#333333; display:inline-block; padding-top:10px; font-size:12px;}
.course a.mbtn{display:block; float:right; width:150px; margin:0 10px; border-radius:5px; height:40px; line-height:40px; text-align:center; font-size:16px; color:#ffffff !important; font-weight:bold; background:url(https://img.travel.rakuten.co.jp/bus/hatobus/2016/images/an.png) right center no-repeat #00a1e9; box-shadow:#007bb7 2px 2px 0;}
.course p.com{clear:both; padding:8px 0; font-size:14px; color:#333333;}
.course ul.lb{overflow:hidden;}
.course ul.lb li{float:left; width:123px; margin:0 8px 8px 0;}
.course ul.lb li:nth-child(3n){margin-right:0;}
.course ul.lb li a{display:block; width:123px; border-radius:5px; height:26px; line-height:26px; text-align:center; font-size:14px; color:#ffffff !important; font-weight:bold; background:url(https://img.travel.rakuten.co.jp/bus/hatobus/2016/images/an.png) right center no-repeat #65c6f1; box-shadow:#66b0d3 2px 2px 0;}


.rk{border:1px solid #ffc007; padding:12px 0; overflow:hidden;}
.rk li{width:175px; float:left; margin-left:12px; position:relative;}
.rk li img{width:100%;}
.rk li.rank1:before{display: block;	position: absolute; top: 1px; left: 1px; width: 50px; height: 50px; z-index:10; background:url(https://img.travel.rakuten.co.jp/bus/hatobus/2016/images/rank1.png); content: "";}
.rk li.rank2:before{display: block;	position: absolute; top: 1px; left: 1px; width: 50px; height: 50px; z-index:10; background:url(https://img.travel.rakuten.co.jp/bus/hatobus/2016/images/rank2.png); content: "";}
.rk li.rank3:before{display: block;	position: absolute; top: 1px; left: 1px; width: 50px; height: 50px; z-index:10; background:url(https://img.travel.rakuten.co.jp/bus/hatobus/2016/images/rank3.png); content: "";}
.rk li.rank4:before{display: block;	position: absolute; top: 1px; left: 1px; width: 50px; height: 50px; z-index:10; background:url(https://img.travel.rakuten.co.jp/bus/hatobus/2016/images/rank4.png); content: "";}
.rk li.rank5:before{display: block;	position: absolute; top: 1px; left: 1px; width: 50px; height: 50px; z-index:10; background:url(https://img.travel.rakuten.co.jp/bus/hatobus/2016/images/rank5.png); content: "";}
.rk li a:hover img{opacity:0.7;-moz-opacity:0.7; -khtml-opacity:0.7; filter: alpha(opacity=70); -ms-filter:"alpha(opacity=70)";}


.rslides_here{ background:#00b6d6 !important; border:#ffffff 1px solid !important;}
.rslides_here a{color:#ffffff !important;}


a.backtop{display:block; padding:20px 0 0;}

.jbPeachOV{ background:#fff5d9; margin:23px;}
.jbPeachOV ul{overflow:hidden; width:700px; margin:0 auto; padding:15px 0;}
.jbPeachOV ul li{display:inline-block; height:31px; margin:0 10px 10px 0;}
.jbPeachOV ul li.sss a{display:block; height:26px; padding:5px 0 0 40px; background:url(https://img.travel.rakuten.co.jp/bus/hatobus/2016/images/check_off.gif) top left no-repeat; color:#3fb7ee !important; font-size:25px; line-height:26px; font-weight:bold;}
.jbPeachOV ul li.allbtn a{display:block; height:26px; padding:5px 0 0 40px; background:url(https://img.travel.rakuten.co.jp/bus/hatobus/2016/images/check_off.gif) top left no-repeat; color:#deaf59 !important; font-size:25px; line-height:26px; font-weight:bold;}
.jbPeachOV ul li a.active{background:url(https://img.travel.rakuten.co.jp/bus/hatobus/2016/images/check_on.gif) top left no-repeat;}


h1.pt{display:block; width:950px; height:250px; margin-bottom:20px;}
p.undert{font-size:14px; margin:0 32px 20px; line-height:20px;}
p.ub{ overflow:hidden; width:100%; height:62px; margin-bottom:20px;}
p.ub a{display:block; width:427px; float:left; height:62px; margin-left:32px; cursor:pointer; text-indent:-9999px;}
p.ub a.bnn1{ background:url(https://img.travel.rakuten.co.jp/bus/hatobus/2016/images/btnn1.gif);}
p.ub a.bnn1:hover{ background:url(https://img.travel.rakuten.co.jp/bus/hatobus/2016/images/btnn1_o.gif);}
p.ub a.bnn2{ background:url(https://img.travel.rakuten.co.jp/bus/hatobus/2016/images/btnn2.gif);}
p.ub a.bnn2:hover{ background:url(https://img.travel.rakuten.co.jp/bus/hatobus/2016/images/btnn2_o.gif);}


.mtt {overflow:hidden; background:#fff6d9; padding-top:15px;}
.mtt li{float:left; width:220px; margin-left:13px;}
.mtt li div{position:relative; height:220px;}
.mtt li div img{width:100%; display:block;}
.mtt li div span{display:block; position:absolute; left:0; bottom:0; font-size:14px; padding:0 6px; background:rgba(255,255,255,0.7); height:26px; line-height:26px; width:208px; font-weight:bold;}
.mtt li p{font-size:13px; padding:10px 0;}

a.underu{display:block; margin:15px 0 30px; text-align:center; color:#009fe9 !important; font-weight:bold; text-decoration:underline !important;}
a.underu:hover{text-decoration:none !important;}

p.cplus{margin:45px 0 10px; text-align:center; color:#009fe9; font-weight:bold; font-size:18px;}

.mtr {overflow:hidden; background:#fff6d9; padding-top:15px;}
.mtr li{float:left; width:423px; margin:0 0 15px 13px; background:#ffffff; padding:15px; overflow:hidden; position:relative; height:200px;}
.mtr li h3{display:block; width:100%; margin-bottom:15px; color:#00a0e8; height:26px; line-height:26px; font-size:18px; overflow:hidden;}
.mtr li h3 span{display:block; width:70px; height:26px; line-height:26px; font-size:13px; background:url(https://img.travel.rakuten.co.jp/bus/hatobus/2016/images/iconbg.gif); margin-right:12px; color:#ffffff; text-align:center; float:left;}
.mtr li img{display:block; float:left;}
.mtr li p{width:280px; float:right; font-size:14px; line-height:20px;}
.mtr li a{display:block; width:230px; position:absolute; bottom:15px; right:15px; color:#00a0e8 !important; text-decoration:underline !important; font-size:16px; text-align:right;}
.mtr li a:hover{text-decoration:none !important;}


h1.bst{display:block; width:681px; height:84px; margin:30px auto;}
p.stp{margin:15px 15px 30px; font-size:14px;}
div.stlink{overflow:hidden; width:890px; margin:0 auto 20px;}
div.stlink a{display:block; width:190px; float:left; font-size:12px; padding-left:20px; margin:0 6px 15px; height:20px; line-height:20px; position:relative;}
div.stlink a:after{display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 9px;
	height: 8px;
	margin-top: -4px;
	background:url(https://img.travel.rakuten.co.jp/bus/hatobus/2016/images/ab.gif);
	content: "";}
ul.stop{overflow:hidden; width:100%;}
ul.stop li{width:44%; margin:0 0 20px 4%; background:#F5F5F5; padding:15px; box-sizing:border-box; float:left;}
ul.stop li h3{display:block; font-size:20px; margin-bottom:10px;}
ul.stop li p{display:block; font-size:16px; margin-bottom:10px;}
ul.stop li img{width:100%;}


li.areacol{border: 1px solid #03a1e9 !important; color: #03a1e9 !important;}
li.areacol span{ color: #03a1e9 !important;}

.tobg{clear:both; display:block; width:130px; font-size:14px; font-weight:bold; margin:0 20px 20px; padding:0; float:left; text-decoration:underline !important;}
.tobg:hover{text-decoration:none !important;}

.course a:hover img{opacity:0.7;-moz-opacity:0.7; -khtml-opacity:0.7; filter: alpha(opacity=70); -ms-filter:"alpha(opacity=70)";}
.ctbox h2#ANC00 {
  background: rgba(0, 0, 0, 0) url("https://img.travel.rakuten.co.jp/bus/hatobus/2016/images/ttl0.gif") repeat scroll 0 0;
}
.ctbox h2#ANC00 + p {margin: 20px;margin-bottom: 0;overflow: hidden;padding-bottom: 0;}
.ctbox h2#ANC00 + p img {width: 100%;}
.ctbox h2#ANC00 + p a {display: block;width: 48.5%;margin-right: 3%;text-align: center;margin-bottom: 12px;float: left;}
.ctbox h2#ANC00 + p a span {display: block;padding-top: 5px;font-size: 14px;color:#1D54A7;}
.ctbox h2#ANC00 + p a:nth-child(even) {margin-right:0;}

.ctbox h2#ANC00 + p a:hover img {opacity: 0.8;}


.ctbox h2#ANC01 {
  background: rgba(0, 0, 0, 0) url("https://img.travel.rakuten.co.jp/bus/hatobus/2016/images/ttl0.gif") repeat scroll 0 0;
}
.ctbox h2#ANC01 + p {margin: 20px;margin-bottom: 0;}
.ctbox h2#ANC01 + p img {width: 100%;}
.ctbox h2#ANC01 + p a span {display: block;padding-top: 5px;font-size: 20px; text-align:center; margin-bottom: 12px; color:#1D54A7;}
.ctbox h2#ANC01 + p a:hover img {opacity: 0.8;}

/*#contents a:link,#contents a:visited {
    color: #fff
    text-decoration: none;
 !important;}*/


div.cp__my-tile .cp__coupon-img.coupon-soldout{ background:url(https://img.travel.rakuten.co.jp/bus/kankobus/201706/images/coupon-soldout.png) no-repeat; background-position:center center;  margin:0 auto 10px auto; background-size:cover;max-width:400px; text-align:center;}


.cpbox .cpil .sold-out:hover,.cpbox .cpil .sold-out:hover img{opacity:1;-moz-opacity:1; -khtml-opacity:1; filter: alpha(opacity=100); -ms-filter:"alpha(opacity=100)";}

a.sold-out{
	pointer-events:none;
}


/*関連特集にも注目!*/
#otherTheme{ width:100%; background:#eaeaea; padding-top:20px; padding-bottom:20px; margin:0; position:relative;}
#otherTheme{float:left; width:950px;}
#otherTheme h1{ display:block; /*color:#FFFFFF; */font-size:22px; text-align:center; width:100%; margin:0 0 10px 0; padding:0;}
#otherTheme div.box{ width:80%; max-width:980px; margin:0 auto; position:relative; padding:0;}
#otherTheme div.slideOth{ width:100%; margin:0; padding:0; overflow:hidden; min-height:90px;}
#otherTheme div.box ul{}
#otherTheme div.box ul li{ width:33.3%; float:left;} 
#otherTheme div.box ul li a{ display:block; width:90%; margin-left:auto; margin-right:auto; text-align:center; max-width:300px; /*color:#FFFFFF;*/ text-decoration:underline; font-size:12px;}
#otherTheme div.box ul li a img{ display:block; width:100%; margin-bottom:5px;}
#otherTheme a.lftBtnOth{ display:block; width:30px!important; height:30px; position:absolute; top:50%; margin-top:-25px; left:-5px; z-index:0; text-indent:-9999px; background:url(https://img.travel.rakuten.co.jp/special/summersale/2017/images/sprite-small.png) no-repeat 0 -236px;}
#otherTheme a.rgtBtnOth{ display:block; width:30px!important; height:30px; position:absolute; top:50%; margin-top:-25px; right:-5px; z-index:0;text-indent:-9999px; background:url(https://img.travel.rakuten.co.jp/special/summersale/2017/images/sprite-small.png) no-repeat -48px -236px;}

.otherBnr{ width:100%; background:#68d16c;padding-top:20px; padding-bottom:20px; margin:0; position:relative;}
.otherBnr div.box{ width:90%; max-width:660px; margin:0 auto; position:relative; padding:0;}
.otherBnr div.box ul li{ width:50%; float:left; margin-bottom:8px;}
.otherBnr div.box ul li a{ display:block; width:96%; margin-left:auto; margin-right:auto; text-align:center; max-width:300px; color:#FFFFFF; text-decoration:underline; font-size:12px;}
.otherBnr div.box ul li a img{ display:block; width:100%; margin-bottom:5px;}




.otherBnr{ width:100%; background:url(https://img.travel.rakuten.co.jp/special/summersale/2017/images/brown2.gif); padding-top:20px; padding-bottom:20px; margin:0; position:relative;}
.otherBnr div.box{ width:90%; max-width:660px; margin:0 auto; position:relative; padding:0;}
.otherBnr div.box ul li{ width:50%; float:left; margin-bottom:8px;}
.otherBnr div.box ul li a{ display:block; width:96%; margin-left:auto; margin-right:auto; text-align:center; max-width:300px; color:#FFFFFF; text-decoration:underline; font-size:12px;}
.otherBnr div.box ul li a img{ display:block; width:100%; margin-bottom:5px;}


.annotation{
	font-size: 14px;
    margin-bottom: 20px;
}

.mark {
    background: #f1053d;
    color: #fff !important;
    border-radius: 3px;
    padding: 3px 5px;
    margin: 0 auto 5px;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
}

.point {
    background: #f1053d !important;
    color: #fff !important;
    border: 1px solid #f1053d !important;
    font-weight: bold;
    width: 100px !important;
}

/* ----------------------------------------
search box 
---------------------------------------- */
.column2L #search-box {float: none; width: 100%;}

#search-box .ctbox.searchbox {
    margin-bottom: 15px;
    padding-bottom: 5px;
    border: 1px solid #CBC2A0;
    background-color: #FFF;
}

#search-box .structure dt,
#search-box .structure dt label{
    font-size: 16px;
    font-weight: bold;
    line-height: 1.2;
    margin: 20px 0 10px;
}

#search-box .search-box-body{
	padding: 5px 10px;
}

#search-box .inputDate {
	width: 97%;
    background-color: #f7f7f7;
    border: 2px solid #dadada;
    padding: 10px;
    font-size:100%;
    font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
}

#search-box select#adult,
#search-box select#child {
    border-radius: 3px;
    padding: 10px;
    background: #f7f7f7;
    border: 2px solid #dadada;
}

#search-box label {
    font-size:14px;
}
.column2L #search-box .number ul li{
    float: left;
    width: auto;
    margin-bottom: 7px;
    margin-right: 40px;
}
#search-box p.searchSubmit a {
    display: block;
    height: 50px;
    width: 300px;
    margin: 0 auto;
    white-space: nowrap;
    overflow: hidden;
    text-indent: 100%;
    text-align: center;
    line-height: 0;
    background: url(https://img.travel.rakuten.co.jp/bus/hatobus/2016/images/btn.png) 0 0 no-repeat;
}

#search-box {
    margin-bottom: 0px;
    padding-bottom: 25px;
    border: none;
    background-color: #FFF;
  	background: url(https://img.travel.rakuten.co.jp/bus/hatobus/2016/images/search.gif) 530px 130px no-repeat;

}
.ctbox.searchbox {
    border: 2px solid #FFC006;
    background: #fff;
}
#search-box #domestic-search-box {
    padding: 5px 30px;
}

/* 70周年記念コース */
.sevenThTxt {
    background: #d822a7;
    color: #fff!important;
    padding: 10px 0;
    font-size: 15px;
}





.popup_warrp {
    background: #999 none repeat scroll 0 0;
    bottom: 0;
    color: transparent;
    display: none;
    height: 60px;
    left: 0;
    -moz-opacity: .5;
    opacity: .5;
    position: fixed;
    width: 100%;
    z-index: 9999;
}
.popup_box {
    bottom: 5px;
    display: none;
    height: 50px;
    left: 50%;
    margin-left: -400px;
    position: fixed;
    width: 800px;
    z-index: 999999999;
}
.popup_box span {
    color: #fff;
    cursor: pointer;
    height: 30px;
    line-height: 30px;
    position: absolute;
    right: -20px;
    text-align: center;
    top: 0;
    width: 20px;
}
.popup_box span:after {
	background-image: url(https://img.travel.rakuten.co.jp/special/sales/images/sprite-small.png);
	background-repeat: no-repeat;
	background-position: -162px -162px;
	width: 30px;
	height: 30px;
	left: -15px;
	margin-top: -15px;
	top: 0;
	content: '';
	display: block;
	position: absolute;
  }

/* alertBox */
.alertBox {
    width: 700px;
    padding: 18px 36px;
    border: 2px solid #bf0000;
    box-sizing: border-box;
    border-radius: 10px;
    font-family: 'Noto Sans JP', sans-serif;
    margin-bottom: 20px;    text-align: center;
}

.alertBox .tittl {
    font-size: 16px;
    color: #bf0000;
    margin-bottom: 20px;
    text-align: center;
    letter-spacing: 1px;
}

.alertBox p,
.alertBox span {
    display: block;
    font-size: 14px;
    line-height: 1.7;
}

.alertBox span {
    font-size: 14px;
    margin-top: 16px;
    color: #EB5757;
}

.alertBox p a,
.alertBox span a {
    text-decoration: underline !important;
}

.alertBox p a {
    color: #bc0000 !important;
}

.alertBox span a {
    color: #EB5757 !important;
}

.alertBtn {
    display: block;
    background-color: #EB5757;
    width: 72%;
    margin: 20px auto 0;
    color: #fff !important;

    font-size: 20px;
    font-weight: 700;
    text-align: center;
    padding-top: 16px;
    padding-bottom: 16px;
    border-radius: 50px;
    letter-spacing: 1px;
}

.goto_index {
    display: block;
    margin: 40px auto;
    background-color: #6FCF97;
    font-size: 24px;
    font-weight: bold;
    padding: 24px;
    width: 512px;
    text-align: center;
    color: #ffffff !important;
    border-radius: 6px;
}


