@charset "UTF-8";
/* CSS Document */
.forSP{display:none}

.bBlueBox .colGroup{margin-right:-16px;margin-left:-16px}
.bBlueBox [class^="col-"] {padding-right:16px;padding-left:16px}
.bBlueBox .col-pc1{width:8.33333%}
.bBlueBox .col-pc2{width:16.66667%}
.bBlueBox .col-pc3{width:25%}
.bBlueBox .col-pc4{width:33.33333%}
.bBlueBox .col-pc5{width:41.66667%}
.bBlueBox .col-pc6{width:50%}
.bBlueBox .col-pc7{width:58.33333%}
.bBlueBox .col-pc8{width:66.66667%}
.bBlueBox .col-pc9{width:75%}
.bBlueBox .col-pc10{width:83.33333%}
.bBlueBox .col-pc11{width:91.66667%}
.bBlueBox .col-pc12{width:100%}

.bBlueBox{margin-bottom:52px}

.bBlueBox h2{margin-bottom:24px;font-size:26px}
.bBlueBox h2:before{width:189px;height:54px;background-size:contain;margin-right:16px}

.bBlueBox h3{font-size:22px;margin-bottom:16px}


/*____________________________________________________________モデルコース*/
.bBlueBox .courseWrap{display:flex;flex-wrap:wrap;}
.bBlueBox .course{width:33%;margin-bottom:2em;}
.bBlueBox #cou01.course,.bBlueBox #cou03.course,.bBlueBox #cou07.course{width:17%}
.bBlueBox #cou01.course .couSpot,.bBlueBox #cou03.course .couSpot,.bBlueBox #cou07.course .couSpot{display:none}
.bBlueBox #cou01.course .couTime,.bBlueBox #cou03.course .couTime,.bBlueBox #cou07.course .couTime{margin-top:196px; white-space:nowrap;}

.bBlueBox .couSpot{
  height:197px;
	margin:0 20px;
}
.bBlueBox .couBus{
	position:relative;
	padding-top:65px;
}
.bBlueBox .couBus:before,.bBlueBox .couBus:after{
	content:"";
	display:block;
	position:absolute;
	width:100%;
}
.bBlueBox .couBus:before{
	top:42px;
	height:23px;
	background:url(../img/arrow-course.jpg) no-repeat center right;
}
.bBlueBox .couBus:after{
	top:0;
	height:53px;
	background:url("../img/ico_bus-bblue.png") no-repeat 50% 100%;
}
.bBlueBox #cou03 .couBus:after,.bBlueBox #cou04 .couBus:after,.bBlueBox #cou05 .couBus:after{
  background:url("../img/ico_bus-akai.png") no-repeat 50% 100%;
}
.bBlueBox .couTime{transform: translate(47%, 3em);}
.bBlueBox #cou01 .couTime,.bBlueBox #cou03 .couTime{transform: translate(60%, 3em);}
.bBlueBox #cou04 .couTime{transform: translate(30%, 3em);}
.bBlueBox #cou06 .couTime{transform: translate(40%, 3em);}

/*▼桜木町駅*/
.bBlueBox .course:first-child .couSpot,.bBlueBox .course:last-child .couSpot{
	margin-top:164px;
}

.bBlueBox .course:last-child .couBus:before{
	background-position:center left;
}
/*____________________________________________________________運行ダイヤ*/
/*____________________________________________________________バス乗り場*/
.bBlueBox .fL{float:left; width: 50%;}

/*____________________________________________________________運賃*/
/*____________________________________________________________乗り方*/
/*____________________________________________________________お得な乗車券*/
/*.bBlueBox .ticketImg{margin-top:-1em}*/

.bBlueBox .ticketOtoku{margin-bottom:1em}
/*____________________________________________________________秘密*/
.bBlueBox.secret{padding:40px 92px}
.bBlueBox.secret .col-pc4{padding-bottom:14px;}
/*____________________________________________________________おすすめ*/
.bBlueBox.osusume .bBlueImg{
	-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;}
/*____________________________________________________________お問い合わせ先*/
.bBlueBox.contact span{padding-right:2em}