@charset "utf-8";



/* ※※※※※※※※※※※※※※リニューアル用　※モバイルファーストで記載▼
--------------------------------------------------------- */

/* SM/PC　切り替え(display指定で打ち消されないように) */

/* ONLY SM */
@media (max-width: 767px) {
	.onlypc{
		display:none!important;
	}
	.pctab{
		display:none!important;
	}
	.smtab{
		display:block;
	}
	.onlysm{
		display:block;
	}
}
/* TAB */
@media (min-width: 768px) and (max-width: 991px) {
	.onlypc{
		display:none!important;
	}
	.pctab{
		display:block;
	}
	.smtab{
		display:block;
	}
	.onlysm{
		display:none!important;
	}
}
/* ONLY PC */
@media (min-width : 992px) {
	.onlypc{
		display:block;
	}
	.pctab{
		display:block;
	}
	.smtab{
		display:none!important;
	}
	.onlysm{
		display:none!important;
	}
}




/*
common style
******************************************/
article img{
	max-width:100%;
}
article em{
	font-style:normal;
	font-weight:bold;
}
section {
	padding:30px 0;
}
.collapse-btn{
	position:relative;
	display:block;
	line-height: 1.2;
	cursor:pointer;
}
.collapse-btn:hover{
	opacity:0.7;
}
.collapse-btn:before{
	font-size:1.4em;
	font-family:'willer_iconsregular';
	vertical-align:middle;
}
.collapse-btn[aria-expanded="true"]:before{
	content:"\f707";
	font-family:'willer_iconsregular';
}
.collapse-btn[aria-expanded="false"]:before{
	content:"\f706";
}
.line-bnr{
	display:table;
	margin:0 auto;
}
.line-bnr:hover{
	opacity:0.7;
}


@media (max-width: 767px) {
	article{
		min-width:320px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
}
@media (min-width: 768px) {
}
@media (min-width : 992px) {
}


/*
rinjiMessagesDiv
******************************************/

#rinjiMessagesDiv{
	color:#cc0000;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	padding:10px;
	background:#fef0f0;
	display:none;
}

#rinjiMessagesDiv a{
	color:#cc0000;
	text-decoration:underline;
}

#rinjiMessagesDiv a:hover{
	color:#cc0000;
	text-decoration:none;
}

#rinjiMessagesDiv section{
	padding:0;
}


#rinjiMessagesDiv2{
	background: #fffaea;
	color: #cc0000; 
	font-weight: bold;
	text-align: center; 
	padding: 10px; 
	font-size: 12px;
}

#rinjiMessagesDiv2 span{
	color: #000000;
	font-size: 12px;
}
#rinjiMessagesDiv2 a{
	color:#cc0000;
	text-decoration:underline;
}

#rinjiMessagesDiv2 a:hover{
	color:#cc0000;
	text-decoration:none;
}

#rinjiMessagesDiv2 section{
	padding:0;
}


#rinjiMessagesDiv3{
	background:#fef0f0;
	color: #cc0000; 
	font-weight: bold;
	text-align: center; 
	padding: 10px; 
	font-size: 12px;
}

#rinjiMessagesDiv3 span{
	color: #000000;
	font-size: 12px;
}
#rinjiMessagesDiv3 a{
	color:#cc0000;
	text-decoration:underline;
}

#rinjiMessagesDiv3 a:hover{
	color:#cc0000;
	text-decoration:none;
}

#rinjiMessagesDiv3 section{
	padding:0;
}

@media (max-width: 767px) {
}
@media (min-width: 768px) and (max-width: 991px) {
}
/* PC TAB */
@media (min-width: 768px) {
	#rinjiMessagesDiv{
		font-size:16px;
	}
	#rinjiMessagesDiv2{
		font-size: 15px;
	}
	#rinjiMessagesDiv3{
		font-size: 15px;
	}
}
@media (min-width : 992px) {
}


/*
#warning-box
******************************************/

#warning-box{
	background:#fef0f0;
}

#warning-notice{
	background:#fffaea;
}


.warning-bnr button{
	width:100%;
	background:none;
	font-size: 16px;
	font-weight: bold;
	color: #cc0000;
	padding:13px;
	text-decoration:underline;
}

.warning-bnr .warning-i {
	color: #fff;
	background: #cc0000;
	padding: 0 5px;
	margin-right: 5px;
	border-radius: 2px;
}

#warning-box .collapsing {
	position: relative;
	height: 0;
	overflow: hidden;
	-webkit-transition: height 0.15s ease;
	transition: height 0.15s ease;
}


/*
#lead-area
******************************************/
#lead-area{
	text-align:center;
}

.lead-main{
	color:#444;
	font-size:11px;
	font-weight:bold;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dadada+0,ffffff+48,ffffff+74,efefef+82,cccccc+100 */
background: rgb(218,218,218); /* Old browsers */
background: -moz-linear-gradient(top, rgba(218,218,218,1) 0%, rgba(255,255,255,1) 48%, rgba(255,255,255,1) 74%, rgba(239,239,239,1) 82%, rgba(204,204,204,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(218,218,218,1) 0%,rgba(255,255,255,1) 48%,rgba(255,255,255,1) 74%,rgba(239,239,239,1) 82%,rgba(204,204,204,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(218,218,218,1) 0%,rgba(255,255,255,1) 48%,rgba(255,255,255,1) 74%,rgba(239,239,239,1) 82%,rgba(204,204,204,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dadada', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
}
.lead-main > img{
	width:100%;
}
.lead-main > span{
	display:block;
	padding:5px;
}
.lead-main:before{
	display:none;
}
.lead-contents{
	box-shadow:
		0 -6px 5px rgba(0,0,0,0.15) inset,
		0 1px 5px rgba(0,0,0,0.15) inset;
}
.lead-contents .container{
	padding-top:15px;
}
.lead-contents p{
	font-size:12px;
	line-height: 1.8;
	text-align:left;
}
.lead-contents p + p{
	margin-top:10px;
}
.lead-contents-title{
	text-align:center!important;
	font-size:16px!important;
	font-weight:bold;
	line-height: 1.2!important;
}
.lead-contents-img{
	display:table;
	margin:10px auto;
}
.lead-contents-close{
	margin-top:10px;
	padding:5px 10px 10px;
	font-size:16px;
}


/*
main
******************************************/
#main{
	padding:0px 0;
}
@media (max-width: 767px) {
}
@media (min-width: 768px) and (max-width: 991px) {
}
/* PC TAB */
@media (min-width: 768px) {
	#main{
		padding:30px 0;
		background: url(/static/img/index/bg-500man.gif) top left;
		/*background: url(/static/img/index/bg_comfortable2018.jpg) no-repeat center center;*/
		/*background-size:cover;*/
		position: relative;
	}
	.main-txt{
		color:#eee;
	}
	.main-txt p{
		padding:15px;
	}
	
}
@media (min-width : 992px) {
}



/*
	searchbox -検索ボックスだけ流用する場合-
******************************************/

/* common */
input,
button {
	line-height: 1.2;
	outline: 0;
	border: 0;
}
input::-moz-focus-inner,
button::-moz-focus-inner {
	border: 0;
}
select,
option{
	font-size:16px !important;
	line-height: 1.2;
}

option.select-option {color:#333 !important;}
option:disabled {color:#ccc;}

select:hover,
input.datepicker,
.datepicker tbody td:hover{
	cursor: pointer;
}
.font-awesome{
  font-family: FontAwesome;
}


/* text */
.search-title-area{
	line-height: 1.2;
	text-align:center;
	background:rgba(246,246,246,0.8);
	border:1px solid #fff;
	border-bottom:none;
	border-radius: 8px 8px 0 0;
}
.search-title{
	margin:0;
	padding:10px 10px 7px;
	color:#fff;
	font-size:14px;
	text-align:center;
	background:rgba(0,0,0,0.6);
	border-radius:8px 8px 0 0;
}
.period-txt{
	position:relative;
	font-size:11px;
	line-height: 1.2;
	text-align:center;
}
.period-txt:before,
.period-txt:after{
	content: '';
	display:inline-block;
	margin:0 10px;
	width:30px;
	height:1px;
	background:#666;
	vertical-align:middle;
}
.apeal{
	clear: both;
	margin: 0 5px 10px;
	color:#333;
	font-size: 12px;
}


/* form */
#departure,
#return-date-box{
	margin-bottom:0;
}
#searchbox-bus01-in{
	position:relative;
	padding:10px 10px 15px;
	background:rgba(246,246,246,0.8);
	border:1px solid #fff;
	border-top:none;
	border-radius:0 0 8px 8px;
}
.select-group{
	position: relative;
}
.select-group label{
	vertical-align:middle;
}
.select-group [class^="wico-"]{
	margin:0;
	font-size:1.0em;
}
.select-prefectures{
	width:55%;
	vertical-align:middle;
}
.btn-reverse01{
	position: absolute;
	top:50%;
	left:55%;
	margin-left:90px;
	margin-top:-25px;
	padding:5px;
	font-size:12px;
	line-height: 1.2;
	color:#fff;
	background:#999;
	border-radius: 5px;
}
.btn-reverse01:hover{
	background:#333;
}
.select-number [class^="wico-"]{
	font-size:1.0em;
}

/* btn-search */
.btn-search{
	display:block !important;
	width:100%;
	margin:0 auto;
	padding:10px!important;
	color:#fff;
	font-size:16px;
	line-height: 1.2;
	background:#333;
	border-radius: 5px;
}
.btn-search [class^="wico-"]{
	font-size:24px;
}
.btn-search:hover{
	background:#000;
	transition: all .3s;
}

/* calendar */
.datepicker{
	padding-top:6px;
	font-size:16px;
	text-align:center;
	background:#fff !important;
}
.datepicker::-webkit-input-placeholder{
  text-align:left;
  padding-left:7px;
}
.datepicker::-moz-placeholder {
  text-align:left;
  padding-left:7px;
}
.datepicker:-moz-placeholder {
  text-align:left;
  padding-left:7px;
}
.datepicker:-ms-input-placeholder {
  text-align:left;
  padding-left:7px;
}
.datepicker table{
	margin:10px;
}
.datepicker-switch{
	margin-bottom:5px !important;
}
.table-condensed thead tr:nth-child(2){
	background:#ddd;
	border: 1px solid #d3d3d3;
	cursor:default !important;
}
.table-condensed thead tr:nth-child(2) th:hover{
	background:#fee6ee !important;
}
.table-condensed{
	font-size:15px;
	border: 1px solid #d3d3d3;
}
.table-condensed th,
.table-condensed td{
	padding:7px !important;
	border-radius:0;
}
.table-condensed td.day.active,
.table-condensed td.day.focused,
.table-condensed td.day:hover{
	border-radius:0px;
}

.table-condensed td.day:hover{
	background:#fee6ee !important;
}
.datepicker table tr td.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active:hover{
    border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.1);
}
.datepicker table tr td.active.disabled:hover, 
.datepicker table tr td.active:hover{
	color:#333 !important;
}
.datepicker-days .table-condensed thead tr:last-child th{
	background:#f4f4f4;
	border:1px solid #d3d3d3;

}
.datepicker-days td:last-child{
	color:#006699;
	background:#e8f2fa;
}
.datepicker-days td:first-child{
	color:#ff384c;
	background:#ffeefd;
}
.datepicker-days td{
	border:1px solid #d3d3d3;
}
.datepicker table tr td span{
	height:40px;
	line-height:40px;
}
.datepicker td.holiday{
	color: #ff384c;
	background: #ffeefd;
}


@media (max-width : 374px) {
	/* form */
	.btn-reverse01{
		margin-left:70px;
		font-size:11px;
	}
}
/* PC TAB */
@media (min-width: 768px) {
	/* common */
	select,
	option{
		font-size:14px !important;
	}
	/* text */
	.search-title-area{
		font-size:18px;
	}
	.period-txt{
		position:relative;
		font-size:11px;
		line-height: 1.2;
		text-align:center;
	}
	/* form */
	.select-prefectures{
		max-width:340px;
		margin-left:10px;
	}
	.btn-reverse01{
		margin-top:-30px;
		font-size:16px;
	}
	.apeal{
		font-size: 14px;
	}
}
@media (min-width : 992px) and (max-width : 1199px) {
	/* form */
	.select-prefectures{
		width:50%;
		margin-left:0;
	}
	.btn-reverse01{
		margin-left:70px;
		margin-top:-25px;
		font-size:12px;
	}
}



/*
★★★★★ only index searchbox round
******************************************/

/* title */
.search-title-area{
	/* 打消し */
	text-align:left;
	background:none;
	border:none;
	border-radius:0;
}
.search-title-area:after{
	content:"";
	display:block;
	clear:both;
}
.search-title-area .search-title{
	/* 打消し&追加 */
	float:left;
	margin-bottom:-5px;
	padding:0;
	color:#222;
	text-align:left;
	background:none;
	border-radius:0;
	letter-spacing: -1px;
}
.period-txt{
	text-align:right;
}
.period-txt:before,
.period-txt:after{
	display:none;
}
.search-title-area .period-txt{
	float:right;
	margin:5px 0 0 5px;
}


/* btn area */
.search-btn-area{
	margin:3px auto 10px;
	border-radius:6px;
	overflow:hidden;
}
.search-btn-area > li{
	float:left;
	width:50%;
}
.search-btn{
	display:block;
	padding:6px 5px;
	font-size:18px;
	line-height: 1.2;
	color:#fff!important;
	text-align:center;
	text-decoration:none!important;
	border-left:1px solid rgba(255,255,255,0.5);
	border-top:1px solid rgba(255,255,255,0.5);
	border-bottom:1px solid rgba(0,0,0,0.6);
	border-right:1px solid rgba(0,0,0,0.6);
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#525252+0,333333+100 */
background: rgb(82,82,82); /* Old browsers */
background: -moz-linear-gradient(top, rgba(82,82,82,1) 0%, rgba(51,51,51,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(82,82,82,1) 0%,rgba(51,51,51,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(82,82,82,1) 0%,rgba(51,51,51,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#525252', endColorstr='#333333',GradientType=0 ); /* IE6-9 */
}
.search-btn:hover{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#333333+0,525252+100 */
background: rgb(51,51,51); /* Old browsers */
background: -moz-linear-gradient(top, rgba(51,51,51,1) 0%, rgba(82,82,82,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(51,51,51,1) 0%,rgba(82,82,82,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(51,51,51,1) 0%,rgba(82,82,82,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#525252',GradientType=0 ); /* IE6-9 */
}
.search-btn [class^="wico-"]{
	font-size:26px;
}

/* each design */
.search-btn-searchbox{
	width:100%!important;
}
.search-btn-searchbox .collapse-btn{
	padding-left:20px;
	padding-right:40px;
}
.search-btn-searchbox .collapse-btn:before{
	position:absolute;
	top:50%;
	right:10px;
	margin-top:-0.5em;
}
.search-btn-searchbox .collapse-btn:hover{
	opacity:1.0;
}
.search-btn.seat{
	font-size:14px;
}
.search-btn-area.tour .search-btn{
	padding:3px 15px 5px;
	font-size:13px;
}
.search-btn-area.tour .search-btn{
	background: #d2ae75;
	background: -moz-linear-gradient(top, #d2ae75 0%, #b68d4c 100%);
	background: -webkit-linear-gradient(top, #d2ae75 0%,#b68d4c 100%);
	background: linear-gradient(to bottom, #d2ae75 0%,#b68d4c 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2ae75', endColorstr='#b68d4c',GradientType=0 );
	border-bottom: 1px solid rgba(0,0,0,0.4);
	border-right: 1px solid rgba(0,0,0,0.3);
	border-left: 1px solid rgba(255,255,255,0.5);
}

/* searchbox-select-btn */
.searchbox-select-btn{
	display:table;
	width:100%;
	table-layout:fixed;
	font-size:12px;
	border-left:1px solid rgba(0,0,0,0.5);
	border-right:1px solid rgba(0,0,0,0.5);
}
.searchbox-select-btn > li{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	background:rgba(246,246,246,0.8);
}
.searchbox-select-btn a{
	display:block;
	padding:10px;
	color:#fff;
	text-decoration:none;
	box-shadow:2px 0 4px rgba(0,0,0,0.2) inset;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ec7190+0,ea6486+100 */
background: rgb(236,113,144); /* Old browsers */
background: -moz-linear-gradient(top, rgba(236,113,144,1) 0%, rgba(234,100,134,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(236,113,144,1) 0%,rgba(234,100,134,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(236,113,144,1) 0%,rgba(234,100,134,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec7190', endColorstr='#ea6486',GradientType=0 ); /* IE6-9 */
}
.searchbox-select-btn a:hover{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ea6486+0,ec7190+100 */
background: rgb(234,100,134); /* Old browsers */
background: -moz-linear-gradient(top, rgba(234,100,134,1) 0%, rgba(236,113,144,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(234,100,134,1) 0%,rgba(236,113,144,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(234,100,134,1) 0%,rgba(236,113,144,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea6486', endColorstr='#ec7190',GradientType=0 ); /* IE6-9 */
}
.searchbox-select-btn i{
	margin-left:5px;
	font-size:1.0em;
}


/* for collapse */
#bus-search #searchbox-bus01-in{
	border-radius:0;
	border-left:1px solid rgba(0,0,0,0.5);
	border-right:1px solid rgba(0,0,0,0.5);
}
/* btn-search */
.btn-search{
	background:#e4007f;
}
.btn-search:hover{
	background:#ec7190;
}


@media (max-width : 374px) {
	.search-btn{
		padding:3px 5px;
		font-size:14px;
	}
	.search-btn [class^="wico-"]{
		font-size:20px;
	}
	.search-btn.seat{
		font-size:12px;
	}
	.search-btn-area.tour .search-btn{
		font-size:10px;
	}
}
@media (min-width : 768px) {
	#bus-search{
		display:block!important;
	}
	/* title */
	.search-title-area{
		line-height: 1.2;
		text-align:center;
		background:rgba(246,246,246,0.8);
		border:1px solid #fff;
		border-bottom:none;
		border-radius: 8px 8px 0 0;
	}
	.search-title-area .search-title{
		float:none;
		margin:0;
		padding:5px 10px 2px;
		font-size:18px;
		color:#fff;
		text-align:center;
		background:rgba(0,0,0,0.6);
		border-radius:8px 8px 0 0;
	}
	.period-txt{
		padding:10px 0 0;
		font-size:16px;
		text-align:center;
	}
	.period-txt:before,
	.period-txt:after{
		display:inline-block;
	}
	.search-title-area .period-txt{
		float:none;
		margin:0;
	}

	/* btn area */
	.search-btn-area{
		/* テスト用 */
		margin:0;
		border:none;
		border-radius:0;
	}
	/* for collapse */
	#bus-search #searchbox-bus01-in{
		border:1px solid #fff;
		border-top:none;
		border-radius:0 0 8px 8px;
	}
	/* btn-search */
	.btn-search{
		background:#333;
	}
	.btn-search:hover{
		background:#000;
	}
}

option:disabled {
	color: #ccc;
}

/*
#hotword-area
******************************************/
/*#hotword-area{
	letter-spacing:-0.4em;
	text-align:left;
	vertical-align:middle;
}
#hotword-area dt,
#hotword-area dd{
	display:inline-block;
	letter-spacing:normal;
	font-size:12px;
	font-weight:normal;
	line-height: 1.2;
}
#hotword-area dt{
	margin:2px 0;
	padding:3px;
	font-size:10px;
	color:#fff;
	background:#f00;
	font-weight: bold;
}
#hotword-area dd{
	margin:2px;
}
#hotword-area a{
	padding:3px;
	color:#f00;
	text-decoration:underline;
}
#hotword-area a:hover{
	text-decoration:none;
}*/


/*
#slide-cpn-area
******************************************/
.col-slide{
	padding-left: 0px;
	padding-right: 0px;
}
#slide-cpn-area{
	margin-bottom: 10px;
}
#slide-cpn{
	margin-bottom: 2px;
}
#slide-cpn a{
	color: #fff;
}
#slide-cpn li a{
	position: relative;
	display: block;
}
#slide-cpn li a .label-point{
	position: absolute;
	top: 5px;
	left: 5px;
	z-index: 2;
	color: #fff;
	background: rgba(247,95,150,0.8);
	padding: 3px 15px 2px 15px;
	font-weight: bold;
	font-size: 12px;
	border-radius: 2px;
}
#main .col-lg-push-4 #slide-cpn-area img{
	margin-bottom: 0 !important;
}
#slide-cpn .slick-slide{
	margin:0;
}
#slide-cpn-thum{
	margin-bottom: 0;
}
#slide-cpn-thum{
	max-width: 55%;
	margin-left: auto;
	margin-right: auto;
}
#slide-cpn-thum img{
	border:solid 2px rgba(0,0,0,0);
}
#slide-cpn-thum .slick-current img{
	border:solid 2px #ff0000;
}

/* PC TAB */
@media (min-width: 768px) {
.col-slide{
	padding-left: 15px;
	padding-right: 15px;
}
#slide-cpn-area{
	margin-bottom: 0px;
}
#slide-cpn{
	margin-bottom: 10px;
}
#slide-cpn li a .label-point{
	font-size: 14px;
}
#slide-cpn-thum{
	max-width: 300px;
	margin-left: auto;
	margin-right: 0;
}

}
@media only screen and (min-width : 768px) and (max-width : 991px) {
	#slide-cpn{
		margin-bottom: 10px;
	}
	#slide-cpn-area{
		margin-bottom: 10px;
	}
}






/* ※※※※※※※※※※※※※※リニューアル用　▲
--------------------------------------------------------- */


/*
section
******************************************/

section {
	padding:30px 0;
}

/*section h2{
	margin:30px 0;
	text-align:center;
}
*/
/*年末年始・GWのみ（期間過ぎたらまるごと削除）*/
	#pickup-rosen h2 img {
    height: auto;
    margin: 0 10px 0 10px;
	} 

section h2 small{
	margin:5px 0;
	display:block;
	font-weight:bold;
	color:#f44e69;
}

section h2 small:before {
    content: '';
    display: inline-block;
	margin-right:15px;
	margin-bottom:5px;
    width: 20px;
    border-top: 3px solid #f44e69;
}

section h2 small:after {
    content: '';
    display: inline-block;
	margin-left:15px;
	margin-bottom:5px;
    width: 20px;
    border-top: 3px solid #f44e69;
}


	

/*
pickup-rosen
******************************************/
#pickup-rosen{
    padding:30px 0 80px 0;
    /*background:#F7F5EA;*/
    background:#eee;
}

#pickup-rosen ul.rosenlist li{
    width:32%;
    float:left;
}



#pickup-rosen ul.rosenlist li{
    position: relative;
    border:1px solid #ccc;
    background:#fff;
    margin:7.5px;
    border-radius: 5px;
	-webkit-border-radius: 5px;  
	-moz-border-radius: 5px;
}


#pickup-rosen ul.rosenlist li:hover{
	border-color:#fad6dc;
}
#pickup-rosen ul.rosenlist li:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

#pickup-rosen ul.rosenlist li a{
    display:block;
    padding:15px 10px 10px 10px;
}

#pickup-rosen ul.rosenlist li a:hover,
#pickup-rosen ul.rosenlist li a:focus{
    background:#fdf5f6;
    text-decoration: none;
}

#pickup-rosen ul.rosenlist li a:after {
  content: "\f0a9";
  font-family: FontAwesome;
    font-size:20px;
    position: absolute;
    top:13px;
    right:10px;
    color:#f44e69;
}


#pickup-rosen ul.rosenlist li p.route-tit{
	color:#6c1044;
    font-size:20px;
    font-weight:bold;
    padding-left:5px;

}

#pickup-rosen ul.rosenlist li p.route-tit i{
    margin:0px;
    padding:5px;
    font-size:16px;
    vertical-align: top;
}

#pickup-rosen ul.rosenlist li .price-line{
    position: absolute;
    top:13px;
    right:40px;
}

#pickup-rosen ul.rosenlist li.route-all a:after{
    color:#fff;
}

#pickup-rosen ul.rosenlist li.route-all a{
    color:#fff;
    padding:17px 10px 14px 10px;
    font-size:16px;
    text-align:center;
    font-weight:bold;
    background:#333;
    border-radius: 5px;
	-webkit-border-radius: 5px;  
	-moz-border-radius: 5px;
}

#pickup-rosen ul.rosenlist li.route-all a:hover{
    color:#fff !important;
    background:#FA5882;
}


#pickup-rosen ul.rosenlist li .price-line{
	padding-bottom:0px;
	line-height:1.2;
	
}

#pickup-rosen ul.rosenlist li .price-text{
	font-size:14px;
	padding-right:10px;
}

#pickup-rosen ul.rosenlist li .num{
	font-size:1.6em;
	font-weight:bold;
	color:#ff0000;
	font-family: Verdana, Geneva, sans-serif;
	display:inline;
	padding-right:3px;
}

#pickup-rosen ul.rosenlist li .yen{
	font-size:1.0em;
	font-weight:bold;
	color:#ff0000;
	display:inline;
}

/*
.busimage{
	position: absolute;
	top:0px;
	right:100px;
}*



/*
pickup-tour
******************************************/
#pickup-tour{
    background: #fff4f8;
	padding-bottom: 0;
	position: relative;
}
#pickup-tour h2{
	color: #ea5589;
	position: relative;
}
#pickup-tour h2 span{
	position: absolute;
	width: 100%;
	top: -15px;
	left: 0;
}
#pickup-tour .price-line{
	text-align: right;
}
#pickup-tour .num,
#pickup-tour .yen{
	color:#fff;
}
#pickup-tour a .itembox02{
	padding: 7px;
	background: #ea5589;
	border: solid 1px #fff;
}
#pickup-tour a .itembox02:hover,
#pickup-tour a .itembox02:focus{
	background: #fff !important;
	border: solid 1px #ea5589;
}
#pickup-tour a .itembox02{
	position: relative;
}
#pickup-tour a .itembox02:after {
    content: "\f0a9";
    font-family: FontAwesome;
    font-size: 20px;
    position: absolute;
    bottom: 0;
    right: 10px;
    color: #fff;
}
#pickup-tour a{
	text-decoration: none;
}
#pickup-tour a .itembox02 h3{
	color: #fff;
	text-decoration: none;
}
#pickup-tour a:hover .itembox02 h3,
#pickup-tour a:hover .itembox02 p,
#pickup-tour a:hover .itembox02:after,
#pickup-tour a:hover .num,
#pickup-tour a:hover .yen{
	color: #ea5589;
}
#pickup-tour .itembox02 h3{
    margin: 0 0 5px 0;
}
#pickup-tour a .example-txt{
	color: #fff;
}
#pickup-tour .itembox02 img{
	width: 50%;
	float: left;
}
#pickup-tour .itembox02 .itembox-body{
	margin-left: 52%;
	text-align: left;
}



/*
pickup
******************************************/

#pickup{
	padding:40px 0 10px 0;
	position: relative;
}

.w-bus{
	position: absolute;
	top:-35px;
	left:50%;
	-webkit-transform: translate(-50%);
	-moz-transform: translate(-50%);
	-ms-transform:translate(-50%);
	-o-transform: translate(-50%);
	transform: translate(-50%);
}



/*
pickup willer colle
******************************************/

#pickup-willercolle{
	padding:0px 0 10px 0;
	position: relative;
}
.w-willercolle{
	max-width: 260px;
	display: block;
	margin:0 auto;
}
.article-img{
	height: 160px;
	position: relative;
}
.article-img img{
    object-fit: cover;
    height: 160px;
}

.rank-ribbon{    
    display: inline-block;
    position: absolute;
    top: -6px;
    left: 15px;
    margin: 0;
    padding: 7px 0 0px 0;
    z-index: 2;
    width: 40px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    background: #f74b77;
    border-radius: 2px 0 0 0;
}
.rank-ribbon:before{
    position: absolute;
    content: '';
    top: 0;
    right: -5px;
    border: none;
    border-bottom: solid 6px #990e32;
    border-right: solid 5px transparent;
}
.rank-ribbon:after{
    content: '';
    position: absolute;
    left: 0;
    top: 100%;
    height: 0;
    width: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 10px solid #f74b77;
}
@media only screen and (min-width : 768px) and (max-width : 991px) {
	.article-img{
		height:auto;
	}
	.article-img img{
		height:80px;
	}
}
@media screen and (max-width: 767px){
/* スマホ用 */
.article-img{
	display: inline;
	height: 80px;
}
.article-img img{
    height: 80px;
}

.rank-ribbon{    
    left: 18px;
    font-size: 16px;
}

}




/*
text-area
******************************************/

#text-area{
	background:url(../img/bg-main01.png) no-repeat top center scroll,#000;
	background-size:cover;
	padding:30px 0 60px 0;
}

#text-area h2{
	font-size:24px;
	font-weight:bold;
	line-height:1.5;
	margin-bottom:10px;
	text-align:left;
	color:#fff;
	margin-bottom:20px;
}


#text-area p{
	font-size:15px;
	color:#fff;
	line-height:1.5;
	margin-bottom:10px;
}


#text-area .busimage{
	position: absolute;
	top:-65px;
	right:0;
}

/*
company-name
****************/
#company-name{
	background:#333;
}

#company-name .container{
	color:#fff;
	font-size:14px;
	padding:10px 20px 10px 5px;
	margin:0 auto;
	position: relative;
}

#company-name .btn-close{
	position: absolute;
	top: 7px;
	right: -10px;
	padding:3px 5px;
	color:#333;
	font-size:16px;
	font-weight:bold;
	line-height:1.0;
	background:#fff;
}

#company-name .btn-close:hover{
	cursor: pointer;
	background:#ccc;
}

#company-name i{
	margin-right:0;
}

#company-name a{
	color:#fff;
	text-decoration:underline;
}

#company-name a:hover{
	text-decoration:none;
}

@media(min-width:1200px) {
/* PC大画面用 */

	/*#main {
		padding-bottom:0;
	}*/
	
}

@media only screen and (min-width : 992px) and (max-width : 1199px) {
/* PC用 */

	form{
		margin-bottom:20px;
	}
	
	.period-txt:before,
	.period-txt:after{
		width:10px;
	}
	
	.btn-search{
		margin-bottom:0;
		padding:12px !important;
	}
	
	#main {
		padding-bottom:0;
	}
	
	#main .container{
		width:100% !important;
	}
	
	#main .col-lg-push-4{
		padding:0;
	}

	#pickup-rosen ul.rosenlist li{
	    width:48.40%;
	    float:left;
	}

	#pickup-rosen ul.rosenlist li.route-all{
	    width:98.4%;
	}

}

@media only screen and (min-width : 768px) and (max-width : 991px) {
/* タブレット用 */


	#pickup-rosen ul.rosenlist li{
	    width:47.8%;
	    float:left;
	}

	#pickup-rosen ul.rosenlist li.route-all{
	    width:98.4%;
	}
	
	#pickup-rosen ul.rosenlist li p.route-tit{
		font-size:18px;
	}
	
	#pickup-rosen ul.rosenlist li .num{
		font-size:22px;
		padding-right:0;
	}

}

@media(min-width:768px) {

}

@media (max-width: 991px) {

    
	#text-area .busimage {
	    position: absolute;
	    top: -120px;
	    right: 0;
	}
    
}

@media(max-width:767px) {
/* スマホ用 */

	#company-name{
		border-bottom:1px solid #ccc;
	}

	#company-name .container{
		margin:0 20px 0 5px;
	}
	
	#main{
		background:none;
	}


/*	section h2 {
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 15px 0;
}
*/	


	/*
	pickup-rosen
	******************************************/

	#pickup-rosen{
		padding: 0;
		margin-bottom: 10px;
	    background:#eee;
	}

	#pickup-rosen .container{
		padding: 6px;
	}
	#pickup-rosen .mt20{
		margin-top: 0;
	}

	/*年末年始のみ（期間過ぎたらまるごと削除） */
	#pickup-rosen h2{
		text-align:center;
		background-size:150px;
		padding: 5px 0 0 0;
		margin-bottom:5px;
	}

	/*（年末年始期間過ぎたらまるごと復活） 
	#pickup-rosen h2{
		text-align:left;
		background:url(//cdn.willer.co.jp/static/img/w-bus.png) no-repeat right;
		background-size:150px;
		padding:20px 0 0px 10px;
		margin-bottom:5px;
	}*/

	/*年末年始・GWのみ（期間過ぎたらまるごと削除） */
	#pickup-rosen h2 img {
    display: none;
	}
	
	a.btn-col2{

		text-align:left;
		padding:12px;
		color:#fff;
		background:#333;
		display:block;
		margin-bottom:15px;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		position: relative;
	}
	
	a.btn-col2:after{
		content: "\f054";
		font-family: FontAwesome;
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		right:10px;
	}
	
	#pickup-rosen ul.rosenlist li{
		width: 49%;
		float: left;
	    position: relative;
	    border:1px solid #ccc;
	    background:#fff;
	    margin:3px 0 !important;
	    border-radius: 5px;
		-webkit-border-radius: 5px;  
		-moz-border-radius: 5px;
	}
	#pickup-rosen ul.rosenlist li:nth-child(even){
		float: right;
	}

	#pickup-rosen ul.rosenlist li a{
	    display:block;
	    padding: 5px 5px;
	}

	#pickup-rosen ul.rosenlist li a:after {
	  display: none;
	}


	#pickup-rosen ul.rosenlist li p.route-tit{
		color:#6c1044;
		font-size: 16px;
		padding-left: 0;
	    font-weight:bold;
	    letter-spacing:-0.02em;
	}

	#pickup-rosen ul.rosenlist li p.route-tit i{
	    margin:0px;
		font-size: 11px;
		padding: 3px 3px;
	    vertical-align: text-top;
	}

	#pickup-rosen ul.rosenlist li .price-line{
	    position: absolute;
	    top:13px;
	    right:32px;
	}

	#pickup-rosen ul.rosenlist li.route-all a:after{
	    color:#fff;
	    display: initial;
	}

	#pickup-rosen ul.rosenlist li.route-all{
		width: 100%;
	}
	#pickup-rosen ul.rosenlist li.route-all a{
	    color:#fff;
	    padding: 17px 10px 14px 10px;
	    font-size:16px;
	    text-align:center;
	    font-weight:bold;
	    background:#333;
	    border-radius: 5px;
		-webkit-border-radius: 5px;  
		-moz-border-radius: 5px;
	}

	#pickup-rosen ul.rosenlist li.route-all a:hover{
	    color:#fff !important;
	    background:#FA5882;
	}


	#pickup-rosen ul.rosenlist li .price-line{
		padding-bottom:0px;
		line-height:1.2;
		position: absolute;
		top: 0;
	    right: 0;
	}

	#pickup-rosen ul.rosenlist li .price-text{
		font-size:1.0em;
		padding-right:8px;
	}

	#pickup-rosen ul.rosenlist li .num{
		font-size: 18px;
		font-weight:bold;
		color:#ff0000;
		font-family: Verdana, Geneva, sans-serif;
		display:inline;
		padding-right: 0;
		margin:0;
		letter-spacing:-0.02em;
	}

	#pickup-rosen ul.rosenlist li .yen{
		font-size: 11px;
		font-weight:bold;
		color:#ff0000;
		display:inline;
	}

	#pickup-rosen ul.rosenlist li#show_other_pickup{
		background:#333;
		width: 100%;
	}
	#pickup-rosen ul.rosenlist li#hide_other_pickup{
		background:#999;
		width: 100%;
	}
	
	#pickup-rosen ul.rosenlist li#show_other_pickup,
	#pickup-rosen ul.rosenlist li#hide_other_pickup{
		text-align:center;
		padding:15px 0;
		color:#fff;
	    border-radius: 0 0 5px 5px;
		-webkit-border-radius: 0 0 5px 5px;
		-moz-border-radius: 0 0 5px 5px;
	}

	#pickup-rosen ul.rosenlist li#show_other_pickup:hover,
	#pickup-rosen ul.rosenlist li#hide_other_pickup:hover{
		cursor: pointer;
		border:1px solid #ccc;
	}
	
	#pickup-rosen ul.rosenlist li:nth-child(n+6) {
		display:none;
	}

	.itembox02 h3{
		text-align: left;
	}
	.itembox02 .example-txt{
		text-align: left;
	}

	#pickup-tour{
		padding-bottom: 5px;
		background: #ea5589;
		margin-top: 50px;
		padding-top: 40px;
	}
	#pickup-tour .w-bus{
		width: 200px;
	}
	#pickup-tour h2{
		color:#fff;
		margin-bottom: 20px;
	}
	#pickup-tour h2 span{
		position: absolute;
		width: 100%;
		top: -46px;
		left: 0;
	}
	#pickup-tour h2 span i{
		background: #ea5589;
		border-radius: 100px;
		padding: 8px;
	}
	#pickup-tour a .itembox02{
		background: #fff;
		border: solid 1px #ea5589;
		padding: 0;
		border:none;
		background: none;
		position: relative;
	}
	#pickup-tour a .itembox02:hover,
	#pickup-tour a .itembox02:focus{
		background: #ea5589 !important;
	}
	#pickup-tour a .itembox02:after {
	    display: none;
	}
	#pickup-tour .itembox02 img{
		width: 100%;
		float: none;
		border-radius: 0;
	}
	#pickup-tour a{
		text-decoration: none;
	}
	#pickup-tour a .itembox02 h3{
		color:#fff;
		text-decoration: underline;
	}
	#pickup-tour .itembox02 h3:before{
	    content: "\f0a9";
	    font-family: FontAwesome;
	    font-size: inherit;
	    color: #fff;
	    margin-right: 5px;
	}
	#pickup-tour a:hover .itembox02 h3,
	#pickup-tour a:hover .itembox02 p{
		color: #fff;
	}
	#pickup-tour .itembox02 .itembox-body{
		margin-left: 0;
		width: 100%;
	}
/*#pickup-tour .price-line{
	text-align: center;
}*/

	
	#pickup{
		padding:30px 0 15px 0;
	}
	#pickup .w-bus{
		display:none;
	}
	
	#text-area{
		padding:15px 0 10px 0;
		text-align:center;
	}
	
	#text-area h2{
		font-size:16px;
		line-height:1.4;
		margin-bottom:5px;
		text-align:center;
	}
	
	#text-area p{
		font-size:12px;
	}
	
	#text-area .user_language{
		padding:15px 0;
		border-top:1px solid;
		border-color:rgba(255,255,255,0.4);
		
	}

	#text-area .user_language select{
		color:#333;
		max-width:230px;
		padding:5px 10px;
	}
	
#main .col-lg-push-4 img{
	margin-bottom: 20px !important;
}/*水曜4周年用の設定。終わったら削除*/


}

@media only screen and (min-width : 320px) and (max-width : 374px) {
/* スマホ用（小） */

/*	section h2{
		font-size:20px;
	}
*/	
/*	#pickup-rosen h2{
		background-position:right 3px;
		background-size: 130px;
	}
*/


}


/*
お盆　空席状況
******************************************/
#stock-rosen{
	background:#eee;
}

.table.tbl-stock td{
	vertical-align: top;
	width:125px;
}
.tbl-stock{
	width:100%;
	margin:0px auto;
}

.tbl-stock .form-control{
	width:auto;
}

.tbl-stock thead th{
	padding:15px 0 !important;
}

select#sel_rosen{
	font-size:18px !important;
	width:400px;
	height:auto;
	margin-bottom:15px;
}

.tbl-stock th,
.tbl-stock td{
	font-size:18px;
	text-align:center;
	border:1px solid #ccc !important;
}

.tbl-stock th{
	background:#fcfafa;
	padding:10px;
	width:11.1111%;
}

.tbl-stock td{
	padding:0!important;
	background:#fff;
}

.tbl-stock td:hover,
.tbl-stock td:focus{
	background:#F9F8EF;
	cursor:pointer;
}

.tbl-stock td a{
	display:block;
}


.tbl-stock td p.stock{
	font-size:24px;
	padding:15px 2px 0px 2px;
}

.tbl-stock td a:hover,
.tbl-stock td a:focus{
	text-decoration:none;
	background:#F9F8EF;
}

.tbl-stock .sat{
	background-color: #e8f2fa;
	color: #006699;
}

.tbl-stock .sun{
	background-color: #fce9f9;
	color: #ff3333;
}

.tbl-stock .price{
	font-weight: bold;
	color: #E10424;
	padding:0px 2px 15px  2px;
}



.tbl-stock .price{
	font-size:20px;
}

.tbl-stock .price .yen{
	font-size:14px;
}

@media only screen and (min-width : 768px) {
	#stock-rosen .tbl-stock{
		margin-bottom:30px;
	}
}

@media only screen and (min-width : 768px) and (max-width : 991px) {
/* タブレット用 */

	#stock-rosen .container{
		padding:0;
	}
	.tbl-stock th,
	.tbl-stock td{
		font-size:16px;
		width:85px;
	}
	
	
	.tbl-stock .price{
		font-size:14px;
		margin:0;
	}

	.tbl-stock .price .yen{
		font-size:12px;
	}
	
	

}

@media screen and (max-width: 767px){
/* スマホ用 */

	
	select#sel_rosen{
		font-size:16px !important;
		width:100%;
	}
	
	.table.tbl-stock th,
	.table.tbl-stock td {
	    vertical-align: middle;
	}

	.tbl-stock th{
		font-size:14px;
		width:100px;
		padding:0 0 0 7px !important;
	}
	
	.tbl-stock td{
		font-size:14px;
		width:90px;
		padding:15px 0 !important;
	}
	
	.tbl-stock td:hover,
	.tbl-stock td:focus{
		background:#fff;
	}
	
	.tbl-stock .stock{
		font-size:18px;
		padding:7px 2px 0px 2px;
	}


	.tbl-stock .price{
		font-size:18px;
		font-weight:bold;
		margin:0;
	}

	.tbl-stock .price .yen{
		font-size:12px;
		padding-left:3px;
	}
	
	/*
	.table.tbl-stock td:last-child{
		position: relative;
		width:150px;
		text-align:left;
		padding-left:15px !important;
	}
	
	.table.tbl-stock td:last-child:after {
	    content: "\f0a9";
	    font-family: FontAwesome;
	    font-size: 20px;
	    position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	    right: 9px;
	    color: #f44e69;
	}
	*/
}

@media only screen and (min-width : 320px) and (max-width : 374px) {
/* 小スマホ用 */

	.table.tbl-stock td:last-child{
		width:170px;
		padding-left:10px !important;
	}

}

/*
slider
******************************************/

#slider-box{
	overflow:hidden;
	padding:30px 50px 0px 50px;
	border-bottom:1px solid #333;
	background:#000;
}

.slider .slick-slide{
	margin:0 5px;
}

.slider .slick-slide img{
	float:none;
	width:100%;
}

.slider h3{
	padding:5px 10px 5px 10px;
}

.slick-prev:before{
	content: "\f137" !important;
	font-family: FontAwesome !important;
}

.slick-next:before{
	content: "\f138" !important;
	font-family: FontAwesome !important;
}

#slider-box .itembox02{
	padding:0;
}


@media only screen and (min-width : 768px) and (max-width : 991px) {
/* タブレット用 */


}

@media(max-width:767px) {
/* スマホ用 */
	#slider-box{
		overflow:hidden;
		padding:20px 30px 10px 30px;
	}
	
	.slick-slider{
		margin-bottom:0;
	}
	
	#slider-box h3{
		margin:7px 5px 13px 5px;
	}
	
}

/*
#departure
******************************************/

#departure-select #departure{
    margin-left: 0px;
}

#departure{
    margin-left: 15px;
}

#departure_date{
	display:inline-block;
	width: 57.6%;
	margin-left:9px;
}

@media (min-width : 992px) and (max-width : 1199px) {
	#departure-select #departure{
	    margin-left: 0px;
	}
	#departure{
	    margin-left: 13px;
	}
	#departure_date{
		width: 52%;
		margin-left:1px;
	}

}

@media only screen and (min-width: 992px){
	#text-area {
		    margin-top: 0px !important;
		}

}

@media (min-width : 768px) and (max-width : 991px) {
	#departure_date{
		max-width: 340px;
		margin-left:10px;
	}

}

@media (max-width:767px) {
	#departure-select #departure{
	    margin-left: 0px;
	}
	#departure{
	    margin-left: 13px;
	}
	#departure_date{
		width: 57%;
		margin-left:1px;
	}
	.btn-search {
	    display: block !important;
	    width: 100% !important;
	    margin: 0 auto;
	    padding: 10px!important;
	    color: #fff;
	    font-size: 16px;
	    line-height: 1.2;
	    background: #333;
	    border-radius: 5px;
	    background: #e4007f !important;
	}

}

/*
round-trip
******************************************/

.round-trip{
	text-align:center;
	margin-top:12px;
	margin-bottom:0px;
}

.round-trip a{
	position:relative;
	display:inline;
	font-size:16px;
	font-weight:bold;
	padding: 0 10px;
	color:#333399;
	text-decoration:underline;
}

.round-trip a i{
	color:#333;
}

.round-trip a:hover{
	text-decoration:none;
}

/*
oneway
******************************************/

#departure-select.oneway #departure-date-box{
	width:100% !important;
}

#departure-select.oneway #return-date-box{
	display:none;
}

/*
day-night
******************************************/



#day-night{
	margin-left: 14px;
}

#day-night label{
	vertical-align: top;
	margin-top: 8px;
}

#day-night .bus-type-group{
	display:inline-block;
	width:80%;
	margin-left:10px;
}


@media (max-width:767px) {
	#day-night{
		margin-left: 13px;
	}
	
	#day-night .bus-type-group {
		display: inline-block;
		width: 82%;
		margin-left: 1px;
    }
}

@media (max-width:374px) {
	#day-night{
		margin-left: 13px;
	}
	
	#day-night .bus-type-group {
		display: inline-block;
		width: 80%;
		margin-left: 1px;
    }
}

dl.select-bus-type dt,
dl.select-service dt,
dl.select-busbrand dt{
	float:left;
}

dl.select-bus-type dd,
dl.select-busbrand dd{
	margin-left:72px;
}

dl.select-bus-type label,
dl.select-service label,
dl.select-busbrand label{
	margin-top:8px;
	font-size:12px;
	text-align:center;
}

dl.select-service dd .btn-group,
dl.select-busbrand dd .btn-group{
	margin-bottom:8px;
	font-size:12px;
}

.btn-blanket{
	font-size:11px !important;
}

@media only screen and (min-width : 992px) and (max-width : 1199px) {
	.select-group label{
		margin-right:10px;
	}
	#departure label{
		margin-right:10px;
	}
	
	#day-night .bus-type-group{
		width:75%;
	}
	
	dl.select-bus-type dd, 
	dl.select-busbrand dd{
		margin-left:70px;
	}

}


@media(max-width:767px) {
	.select-group label,
	#departure label,
	#day-night label{
		margin-right:10px;
	}
	
	#day-night .bus-type-group{
		width:80%;
	}
}

@media (max-width:374px) {

	dl.select-service dd .btn-group label,
	dl.select-busbrand dd .btn-group label{
		font-size:10px !important;
	}
	
	#departure_date{
		width:80%;
	}
	
	.select-group label,
	#departure label,
	#day-night label{
		font-size:12px;
		margin-right:0px;
	}
	
	#departure,
	#day-night{
		margin-left:11px;
	}
}

/*
btn-group-justified　バグ修正
**********************************/

.btn-group-justified .btn {
	border-right-width:0px
}
.btn-group-justified .btn:last-of-type {
	border-right-width:1px
}

/*
その他条件
**********************************/

.btn_additional_condition{
	background:none;
	border:none;
	padding:5px 0;
}

.btn_additional_condition:before{
	content: " \f0d8";
	font-family: FontAwesome;
	text-decoration:none;
	position: absolute;
	top: -5px;
	left: 20px;
	font-size:20px;
}

.btn_additional_condition.collapsed:before{
	content: " \f0d7";
	font-family: FontAwesome;
	padding-right:10px;
	position: absolute;
	top: -3px;
	left: 20px;
	font-size:20px;
}

.btn_additional{
	margin-bottom:5px;
	color:#1a2975;
	font-size:15px;
	text-align:center;
	overflow:hidden;
}
.btn_additional > div{
	position:relative;
	display:inline-block;
	padding: 0 20px 0 40px;
}
.btn_additional > div:before,
.btn_additional > div:after{
	position:absolute;
	top:50%;
	content:"";
	width:100%;
	height:1px;
	background:#ccc;
}
.btn_additional > div:before{
	left:100%;
}
.btn_additional> div:after{
	right:100%;
}

#binlist-search-box-wide dl.select-busbrand{
	margin-bottom:5px !important;
}



@media (min-width : 768px) and (max-width : 991px) {
	.btn_additional > div:before,
	.btn_additional > div:after{
		width:240%;
	}

}

/*
btn btn-default 
***********************************************/

.search-btn-area .btn{
	padding-left:0;
	padding-right:0;
	text-align:center;
}

.search-btn-area .btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 77%, #e5e5e5 100%);
    background: -webkit-linear-gradient(top, #ffffff 77%,#e5e5e5 100%);
    background: linear-gradient(to bottom, #ffffff 70%,#e5e5e5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
}

.search-btn-area .btn-default.focus,
.search-btn-area .btn-default:focus{
	background:none;
}

.search-btn-area .btn-default.active,
.search-btn-area .btn-default.active:hover,
.search-btn-area .btn-default.active.focus,
.search-btn-area .btn-default:active.focus,
.search-btn-area .btn-default:active:focus,
.search-btn-area .btn-default:active:hover,
.search-btn-area .open>.dropdown-toggle.btn-default:hover,
.search-btn-area .btn-default:hover,
.search-btn-area .btn-default.active,
.search-btn-area .btn-default:active,
.search-btn-area .open>.dropdown-toggle.btn-default {
    color: #fff;
    background: #333;
}

.search-btn-area .btn-default:hover:not(.active){
    color: #333;
	background-color: transparent;
}


.search-btn-area .btn-default:hover{
	background:#f4f4f4 !important;
	border-color:#ccc;
}

.search-btn-area .btn-default.active:hover{
	background:#333 !important;
}


.search-btn-area .btn.btn-default.active:before{
	content: "\f00c";
	font-family: FontAwesome;
}

/*
rows-2
******/

#pickup-rosen ul.rosenlist.rows-2 li{
    width:555px;
}



#pickup-rosen ul.rosenlist.rows-2 li{
    position: relative;
    border:1px solid #ccc;
    background:#fff;
    margin:7.5px;
    border-radius: 5px;
	-webkit-border-radius: 5px;  
	-moz-border-radius: 5px;
}

#pickup-rosen ul.rosenlist.rows-2 li a{
	height:80px;
}

#pickup-rosen ul.rosenlist.rows-2 li .price-line{
	top:inherit;
	bottom:10px;
}

#pickup-rosen ul.rosenlist.rows-2 li.route-all{
	margin-left:290px;
}

#pickup-rosen ul.rosenlist.rows-2 li.route-all a{
	line-height:48px;
}

#pickup-rosen ul.rosenlist.rows-2 li a:after{
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}


@media only screen and (min-width : 992px) and (max-width : 1199px) {
	#pickup-rosen ul.rosenlist.rows-2 li{
		width:455px;
	}
	#pickup-rosen ul.rosenlist.rows-2 li.route-all{
		width:455px;
		margin-left:240px;
	}

}



@media only screen and (min-width : 768px) and (max-width : 991px) {
	#pickup-rosen ul.rosenlist.rows-2 li{
		width:345px;
	}
	
	#pickup-rosen ul.rosenlist.rows-2 li p.route-tit{
		padding-right:20px;
	}
	#pickup-rosen ul.rosenlist.rows-2 li.route-all{
		width:455px;
		margin-left:135px;
	}

}

@media(max-width:767px) {
	#pickup-rosen ul.rosenlist li{
		height:60px;
	}
	#pickup-rosen ul.rosenlist li .price-line {
		top:inherit;
		right:10px;
		bottom:5px;
	}
	
	#pickup-rosen ul.rosenlist.rows-2 li{
		width:49%;
		height:60px;
	}
	#pickup-rosen ul.rosenlist.rows-2 li.btn-long{
		height:80px !important;
	}
	
	#pickup-rosen ul.rosenlist.rows-2 li .price-line {
		top:inherit;
		right:10px;
		bottom:5px;
	}
	
	#pickup-rosen ul.rosenlist.rows-2 li.route-all{
		width:100%;
		margin-left:0;
	}
	
	#pickup-rosen ul.rosenlist.rows-2 li.route-all a{
		padding-top:15px;
		line-height:1;
		height:45px;
	}
	
	#pickup-rosen ul.rosenlist.rows-2 li a:after{
		top:22px
	}

}


@media(max-width:374px) {
	#pickup-rosen ul.rosenlist.rows-2 li.btn-long{
		height:100px !important;
	}

}

