@charset "UTF-8";
/* pc <--> sp
-------------------------------------- */
#mediaQuery { display: none; font-family: 'sp'; }

@media all and (min-width: 768px) { #mediaQuery { font-family: 'pc'; } }

@media all and (max-width: 767px) { .viewPc { display: none !important; } }

@media all and (min-width: 768px) { .viewSp { display: none !important; } }

/* clearfix
-------------------------------------- */
.cf:after { content: ''; display: block; clear: both; }

/*  #container
================================================ */
#container { padding-bottom: 8px; font-size: 14px; font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif; font-weight: 500; background: #FAFAFA; }

@media all and (min-width: 768px) { #container { overflow: hidden; padding-bottom: 48px; } }

#container img { width: 100%; height: auto; }

#container .alpha { display: block; text-decoration: none; }

@media all and (min-width: 768px) { #container { font-size: 16px; }
  #container .alpha { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
  #container .alpha:hover { opacity: .7; } }

/*  #brand 一覧ページ
================================================ */
/* #brand #mainVisual
================================================ */
#brand #mainVisual { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 160px; background: url("/static/img/bus_search/brand/bg_mainvisual01.png") repeat-x top center/4px; color: #fff; text-align: center; }

#brand #mainVisual .inner { width: 100%; padding: 0 15px; }

#brand #mainVisual .tit { position: relative; display: inline-block; font-size: 20px; letter-spacing: .1em; }

#brand #mainVisual .tit img { position: absolute; width: 53px; top: -45px; left: -10px; }

#brand #mainVisual .tit span { position: relative; display: inline; }

#brand #mainVisual .tit span:after { position: absolute; bottom: -6px; left: 50%; content: ""; display: block; width: 5px; height: 5px; margin-left: -2px; background: #FFF45C; border-radius: 50%; }

@media all and (min-width: 768px) { #brand #mainVisual { height: 200px; background-image: url("/static/img/bus_search/brand/bg_mainvisual01_pc.png"); background-size: 5px; }
  #brand #mainVisual .inner { width: 100%; max-width: 1170px; margin: auto; padding: 10px 0 0; }
  #brand #mainVisual .tit { font-size: 30px; }
  #brand #mainVisual .tit img { width: 104px; top: -64px; left: -100px; }
  #brand #mainVisual .tit span:after { bottom: -11px; width: 9px; height: 9px; margin-left: -4px; } 
}
#mainVisual a {
	color: #fff;
}
#mainVisual a:hover {
	text-decoration: none;
}
/* #brand #rosen
================================================ */
#brand #rosen .inner { padding: 48px 16px; }

#brand #rosen .tit { position: relative; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 10px; font-size: 16px; font-weight: 700; line-height: 1.5; letter-spacing: .05em; }

#brand #rosen .tit:before, #brand #rosen .tit:after { content: ""; display: inline-block; width: 2px; height: 36px; background: #707070; border-radius: 2px; }

#brand #rosen .tit:before { -webkit-transform: rotate(-30deg); -ms-transform: rotate(-30deg); transform: rotate(-30deg); }

#brand #rosen .tit:after { -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); }

#brand #rosen .tit em { font-style: normal; }

#brand #rosen .tit span { padding: 0 20px; }

#brand #rosen .listBrand { margin: 40px -4px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: center; }

#brand #rosen .listBrand li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; width: calc(33.333% - 4px); min-height: 140px; margin: 4px 2px; }

#brand #rosen .listBrand a { display: block; width: 100%; color: #333333; background: #fff; border-radius: 10px; overflow: hidden; }

#brand #rosen .listBrand .img { position: relative; background: #EDEDED; }

#brand #rosen .listBrand .img:before { content: ""; display: block; width: 100%; padding-top: 83%; }

#brand #rosen .listBrand .img img { position: absolute; top: 50%; left: 50%; max-width: 60%; height: auto; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

#brand #rosen .listBrand .name { padding: 14px 0; font-size: 11px; line-height: 1.45; font-weight: 700; word-break: break-all; }

#brand #rosen .txt { max-width: 356px; margin: 52px auto 0; padding-right: 1px; text-align: center; }

#brand #rosen .btn { display: block; width: 100%; max-width: 294px; margin: 36px auto 0; padding: 0; text-align: center; border: 0; }

@media all and (min-width: 768px) { #brand #rosen .inner { max-width: 1170px; width: 100%; margin: auto; padding: 78px 16px 50px; }
  #brand #rosen .tit { min-width: 670px; margin: auto; padding: 0; font-size: 20px; }
  #brand #rosen .tit span { padding: 0 24px; }
  #brand #rosen .listBrand { margin: 55px -12px 0; }
  #brand #rosen .listBrand li { width: calc(20% - 24px); min-height: auto; margin: 8px 12px 14px; border-radius: 4px; }
  #brand #rosen .listBrand a { box-shadow: 0 0 6px #E7E7E7; }
  #brand #rosen .listBrand a:hover { text-decoration: none; background: #feebf2; }
  #brand #rosen .listBrand .img:before { padding-top: 68%; }
  #brand #rosen .listBrand .img img { max-width: 60%; }
  #brand #rosen .listBrand .name { padding: 22px 0 19px; font-size: 16px; line-height: 1.5; }
  #brand #rosen .txt { width: 79.5%; max-width: 902px; margin: 95px auto 0; padding-right: 0; }
  #brand #rosen .btn { width: 35%; max-width: 394px; margin: 37px auto 0; } }

/*  #brand 詳細ページ
================================================ */
#brand #rosen .copy { position: relative; max-width: 326px; width: 100%; margin: -20px auto 45px; text-align: center; }
#brand #rosen .copy span{
	padding: 0;
}
#brand #rosen .copy:before { position: absolute; top: -105%; left: 14px; content: ""; display: block; width: 95px; height: 60px; margin-top: -10px; }

#brand #rosen .api-wrap { margin: 40px 0 0; padding: 15px 20px; background: #fff; box-shadow: 0 0 6px #E7E7E7; border-radius: 4px;min-height: 60px;}

#brand #rosen .api-wrap .ajax_link_rewrite{background: #fff;position: relative;z-index: 2;}

#brand #rosen .api-wrap .ajax_link_rewrite:empty {
	position: relative;
	top:15px;
}
#brand #rosen .api-wrap .ajax_link_rewrite:empty:before {
	content: "運行休止";
	display: block;
	width: 100%;
	height: 1.5rem;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	color: red;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
@media (min-width: 768px) {
	#brand #rosen .api-wrap .ajax_link_rewrite:empty:before {
		height: 1rem;
	}
}
/*----- 季節運行の運休 -----*/
#brand.season #rosen .api-wrap .ajax_link_rewrite:empty:before {
	content: "季節限定販売のため、運行休止";
	display: block;
	width: 100%;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	color: red;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

#brand #rosen .api-wrap .ajax_link_rewrite.add:empty:before {
	display: none;
}

#brand #rosen .api-wrap .ajax_link_rewrite.add + .add:before {
	display: none;
}

#brand #rosen .api-wrap .table { margin-bottom: 0; }



#brand #rosen .api-wrap .add thead { display: none; }

#brand #rosen .api-wrap td:nth-child(2) { padding-top: 8px; text-align: right; font-size: 14px; letter-spacing: .08em; }

#brand #rosen .api-wrap td:nth-child(2) span { font-size: 26px; color: #F53D7E; font-weight: 700; }

#brand #rosen .api-wrap .ico { width: 46px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; }

#brand #rosen .api-wrap .ico img { width: 20px; }

#brand #rosen .api-wrap .area { width: calc(100% - 46px); padding-left: 20px; font-size: 16px; font-weight: 700; }

#brand #rosen .api-wrap .area img { width: 16px; margin: 0 8px; vertical-align: middle; }

#brand #rosen .api-wrap .time { margin-top: 3px; font-size: 12px; color: #666; }

#brand #rosen .api-wrap .btns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 10px; }

#brand #rosen .api-wrap .btns .btn { width: 100%; max-width: none; margin: 0 0 10px 0; padding: 0; border: 0; white-space: normal; }

#brand #rosen .api-wrap .btns .btn + .btn { margin-bottom: 0; }

#brand #rosen .api-wrap .btns .btn a { position: relative; display: block; padding: 6px 35px; color: #F53D7E; border: 1px solid; border-radius: 2px; font-size: 16px; font-weight: 500; }

#brand #rosen .api-wrap .btns .btn a:before { position: absolute; left: 16px; top: 50%; content: ""; display: block; width: 16px; height: 10px; margin-top: -5px; background: url("/static/img/bus_search/brand/ico_arw02.png") no-repeat center/contain; }

@media all and (max-width: 767px) { #brand #rosen table, #brand #rosen tbody, #brand #rosen tr, #brand #rosen th, #brand #rosen td { display: block; border: 0; padding: 0; }
  #brand #rosen thead { display: none; }
  #brand #rosen tr { padding: 28px 0 32px; }
  #brand #rosen tr + tr { border-top: 1px solid #E7E7E7; }
  #brand #rosen .add { border-top: 1px solid #E7E7E7; }
  #brand #rosen td:first-child { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; } }

@media all and (min-width: 768px) { #brand #rosen .copy { max-width: 882px; margin: -56px auto 65px; }
	#brand #rosen .copy span{
		padding: 0 30px;
		display: inline-block;
	}
  #brand #rosen .copy:before { left: 134px; width: 148px; height: 92px; margin-top: -16px; }
  #brand #rosen .api-wrap { margin: 44px 0 44px; padding: 10px 30px 13px; }
  #brand #rosen .api-wrap .add .table td { border-top: 1px solid #dee2e6; }
  #brand #rosen .api-wrap thead th { padding: 27px 0 16px; font-size: 15px; text-align: center; font-weight: 500; border: 0; }
  #brand #rosen .api-wrap thead th:nth-child(1) { width: 35.5%; }
  #brand #rosen .api-wrap thead th:nth-child(2) { padding-right: 50px; text-align: right; }
  #brand #rosen .api-wrap thead th:nth-child(3) { width: 27.8%; }
  #brand #rosen .api-wrap table { width: 100%; }
  #brand #rosen .api-wrap .ajax_link_rewrite:first-child table tbody tr:first-child td { border-top: 0; }
  #brand #rosen .api-wrap td { padding: 24px 0; vertical-align: middle; font-size: 0; }
  #brand #rosen .api-wrap td:nth-child(2) { padding-top: 24px; padding-right: 16px; }
  #brand #rosen .api-wrap td:nth-child(3) { padding-left: 14px; width: 38%; }
  #brand #rosen .api-wrap .ico { display: inline-block; width: 58px; vertical-align: middle; }
  #brand #rosen .api-wrap .ico img { width: 26px; }
  #brand #rosen .api-wrap .ico img + img { margin-left: 6px; }
  #brand #rosen .api-wrap .area { display: inline-block; width: calc(100% - 58px); vertical-align: middle; font-size: 18px; }
  #brand #rosen .api-wrap .area img { margin: 0 10px; }
  #brand #rosen .api-wrap .time { margin-top: 4px; font-size: 14px; }
  #brand #rosen .api-wrap .btns { margin-top: 0; }
  #brand #rosen .api-wrap .btns .btn { width: 100%; }
  #brand #rosen .api-wrap .btns .btn + .btn { margin-top: 10px; }
  #brand #rosen .api-wrap .btns .btn a { padding: 5px 6px 4px 25px; font-size: 18px; }
  #brand #rosen .api-wrap .btns .btn a:before { left: 16px; }
  #brand #rosen .api-wrap .btns .btn.is_pink a { background: #F53D7E; color: #fff; border-color: #F53D7E; }
  #brand #rosen .api-wrap .btns .btn.is_pink a:before { background-image: url("/static/img/bus_search/brand/ico_arw01_white.png"); } }

@media all and (min-width: 1200px) { #brand #rosen .api-wrap .btns .btn { float: left; width: calc(50% - 5px); }
  #brand #rosen .api-wrap .btns .btn + .btn { float: right; margin-top: 0; }
  #brand #rosen .api-wrap .btns .btn a { padding: 5px 6px 4px 45px; } }

/*  #brand モーダル調整
ベース：/st/share/lib/js/modalwindow/css/modal.wilndow.css
================================================ */
#brand .modalWindow .contentsBox .contentsBody {
    overflow: unset;
}

/*  #brand バス会社ごとのCSS
================================================ */
/* 便一覧対応するためのボタン調整 */

#brand #rosen .api-wrap td:nth-child(3){
	font-size:16px;
}
ul.btn-set {text-align:center;display:flex;}
ul.btn-set li{width:50%;}
ul.btn-set li + li{margin-left:8px;}
ul.btn-set a{color:#fff;font-size:15px;font-weight:bold;display: flex;justify-content: center;align-items: center;text-align:center;border-radius:3px;padding:10px 5px;text-decoration:none;height:100%;min-height:45px;line-height:1.2;}
ul.btn-set a:hover{text-decoration:none;opacity:0.8;}
ul.btn-set .btn01 a{background:#f59a3c;}
ul.btn-set .btn02 a{background:#f53c7f;}


@media (max-width: 767px) {
	#brand #rosen td:first-child{
		align-items: flex-start;
	}
	#brand #rosen .api-wrap .ico{
		margin-top:2px;
	}
	#brand #rosen .api-wrap td:nth-child(2){
		text-align:center;
	}
	#brand #rosen .api-wrap .area{
		padding-left:10px;
	}
	ul.btn-set a{font-size:14px;}
}


/*  #brand 全国路線一覧読み込み
================================================ */

#rosen-all{
	padding-bottom:20px;
}

#rosen-all .card{
	margin-top:30px;
}

#rosen-all a{
	display:block;
	color:#333;
}

#rosen-all .area-nav{
	padding:20px;
	background:url(/static/3/img/bus_search/ja/bg-stripe.png),#fff;
}

#rosen-all ul.area-link-set li{
	margin-right:10px;
}

#rosen-all ul.area-link-set li:last-child{
	margin-right:0px;
}

#rosen-all ul.area-link-set li a.active{
	background:#fdd7e5;
}

#rosen-all ul.area-link-set li a{
	padding:5px 10px;
	background:#fff;
	border:1px solid #fdd7e5;
	border-radius:50px;
	font-weight:bold;
	text-align:center;
	width:105px;
}


#rosen-all .area-nav+ .tab-content{
	padding:30px 20px;
}

#rosen-all .tab-content .tab-content{
	padding:20px 0px;
}

#rosen-all ul.nav-tabs.ken-link-set {
	border:none;
}

#rosen-all ul.nav-tabs.ken-link-set li{
	margin-right:10px;
}
#rosen-all ul.nav-tabs.ken-link-set li a{
	padding:5px 10px;
	background:#fff;
	border-color:#fdd7e5;
	border-radius:50px;
	font-weight:bold;
	text-align:center;
	width:100px;
}

#rosen-all ul.nav-tabs.ken-link-set li a.active{
	background:#fdd7e5;
}

.rosen-none{
	text-align:center;
	margin-top:20px;
}

ul.rosen-ken-link{
	margin-bottom:15px;
}

ul.rosen-ken-link:after{
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}

ul.rosen-ken-link li{
	border:1px solid #ccc;
	float:left;
	margin:5px 10px 5px 5px;
	background:#fff;
	position: relative;
}

ul.rosen-ken-link li:hover{
	background:#fad6dc;
}
ul.rosen-ken-link a{
	font-size:16px;
	color:#333;
	display:block;
	padding:8px 8px 7px 8px;
}


ul.rosen-ken-link li:after{
	content: "\f054";
	font-family: "Font Awesome 5 Free";
	font-weight:900;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right:10px;
	color:#F53D7E;
}

ul.rosen-ken-link li{
	width:200px;
}

@media(min-width : 768px) { 
	#rosen-all ul.area-link-set li:first-child a,
	#rosen-all ul.area-link-set li:last-child a{
		width:140px;
	}
}
@media(min-width : 1200px) { 
	ul.rosen-ken-link li:nth-child(5n) {
		margin-right:0;
	}
	
} 
@media(min-width : 992px) and (max-width : 1199px) { 
	#rosen-all ul.area-link-set li a{
		width:78px;
	}

} 

@media(min-width : 768px) and (max-width : 991.98px) {
	#rosen-all ul.area-link-set li a{
		width:115px;
	}
	#rosen-all ul.area-link-set li:nth-child(5){
		margin-right:0;
	}
	
	#rosen-all ul.area-link-set li:nth-child(6),
	#rosen-all ul.area-link-set li:nth-child(7),
	#rosen-all ul.area-link-set li:nth-child(8),
	#rosen-all ul.area-link-set li:nth-child(9),
	#rosen-all ul.area-link-set li:nth-child(10){
		margin-top:10px;
	}
	
	#rosen-all ul.nav-tabs.ken-link-set li a{
		width:80px;
	}
	
	#rosen-all ul.nav-tabs.ken-link-set li:last-child{
		margin-right:0 !important;
	}
	
	#rosen-all ul.nav-tabs.ken-link-set.type08 li a{
		width:70px;
	}
	
	ul.rosen-ken-link li{
		width:149px;
	}
	ul.rosen-ken-link li:nth-child(4n) {
		margin-right:0;
	}

} 

@media(max-width:767px) { 
	#rosen-all .area-nav{
		padding:15px 10px;
	}

	#rosen-all ul.area-link-set li a{
		font-size:14px;
		width:150px;
	}
	
	#rosen-all ul.area-link-set li{
		font-size:15px;
		margin:5px;
	}
	
	#rosen-all ul.area-link-set li:nth-child(7),
	#rosen-all ul.area-link-set li:nth-child(8),
	#rosen-all ul.area-link-set li:nth-child(9),
	#rosen-all ul.area-link-set li:last-child{
		margin-bottom:0;
	}
	
	#rosen-all .area-link-set + .tab-content{
		padding:20px 10px;
	}

	#rosen-all ul.nav-tabs.ken-link-set.type04 li:last-child,
	#rosen-all ul.nav-tabs.ken-link-set.type06 li:nth-child(3),
	#rosen-all ul.nav-tabs.ken-link-set.type06 li:nth-child(6),
	#rosen-all ul.nav-tabs.ken-link-set.type07 li:nth-child(3),
	#rosen-all ul.nav-tabs.ken-link-set.type07 li:nth-child(7){
		margin-right:0 !important;
	}
	
	#rosen-all ul.nav-tabs.ken-link-set.type06 li:nth-child(4),
	#rosen-all ul.nav-tabs.ken-link-set.type06 li:nth-child(5),
	#rosen-all ul.nav-tabs.ken-link-set.type06 li:nth-child(6){
		margin-top:10px !important;
	}
	#rosen-all ul.nav-tabs.ken-link-set li a{
		font-size:14px;
	}
	#rosen-all ul.nav-tabs.ken-link-set.type04 li a{
		width:57px;
	}

	#rosen-all ul.nav-tabs.ken-link-set.type05 li a{
		width:50px;
	}
	#rosen-all ul.nav-tabs.ken-link-set.type06 li a{
		width:80px;
	}
	#rosen-all ul.nav-tabs.ken-link-set.type07 li a{
		width:70px;
	}
	#rosen-all ul.nav-tabs.ken-link-set.type08 li a{
		width:64px;
	}
	#rosen-all ul.nav-tabs.ken-link-set.type07 li:first-child a,
	#rosen-all ul.nav-tabs.ken-link-set.type07 li:nth-child(2) a,
	#rosen-all ul.nav-tabs.ken-link-set.type07 li:nth-child(3) a{
		width:75px;
	}
	
	#rosen-all ul.nav-tabs.ken-link-set.type07 li:nth-child(4) a,
	#rosen-all ul.nav-tabs.ken-link-set.type07 li:nth-child(5) a,
	#rosen-all ul.nav-tabs.ken-link-set.type07 li:nth-child(6) a,
	#rosen-all ul.nav-tabs.ken-link-set.type07 li:nth-child(7) a{
		width:54px;
	}
	
	
	#rosen-all ul.nav-tabs.ken-link-set.type07 li:first-child,
	#rosen-all ul.nav-tabs.ken-link-set.type07 li:nth-child(2),
	#rosen-all ul.nav-tabs.ken-link-set.type07 li:nth-child(3){
		margin-bottom:10px;
	}
	
	#rosen-all ul.nav-tabs.ken-link-set.type08 li:first-child,
	#rosen-all ul.nav-tabs.ken-link-set.type08 li:nth-child(2),
	#rosen-all ul.nav-tabs.ken-link-set.type08 li:nth-child(3),
	#rosen-all ul.nav-tabs.ken-link-set.type08 li:nth-child(4){
		margin-bottom:10px;
	}
	
	ul.rosen-ken-link li{
		width:48%;
	}
	ul.rosen-ken-link li:nth-child(odd){
		margin-left:0;
		margin-right:5px;
	}
	ul.rosen-ken-link li:nth-child(even){
		margin-left:5px;
		margin-right:0;
	}
}


@media(max-width:374px) { 

	#rosen-all ul.area-link-set li a{
		width:120px;
	}

	
	#rosen-all ul.area-link-set li{
		font-size:15px;
		margin-bottom:7px;
	}
	
	#rosen-all ul.area-link-set li:nth-child(7),
	#rosen-all ul.area-link-set li:nth-child(8),
	#rosen-all ul.area-link-set li:nth-child(9),
	#rosen-all ul.area-link-set li:last-child{
		margin-bottom:0;
	}
	
	#rosen-all .area-link-set + .tab-content{
		padding:15px 7px;
	}
	
	#rosen-all ul.rosen-ken-link li:after {
		right:2px;
	}
	
	#rosen-all ul.rosen-ken-link li{
		width:47.8%;
	}

	#rosen-all ul.nav-tabs.ken-link-set.type04 li:last-child,
	#rosen-all ul.nav-tabs.ken-link-set.type06 li:nth-child(3),
	#rosen-all ul.nav-tabs.ken-link-set.type06 li:nth-child(6),
	#rosen-all ul.nav-tabs.ken-link-set.type07 li:nth-child(3),
	#rosen-all ul.nav-tabs.ken-link-set.type07 li:nth-child(7){
		margin-right:0 !important;
	}
	
	
	#rosen-all ul.nav-tabs.ken-link-set.type05 li:nth-child(4),
	#rosen-all ul.nav-tabs.ken-link-set.type05 li:nth-child(5),
	#rosen-all ul.nav-tabs.ken-link-set.type06 li:nth-child(4),
	#rosen-all ul.nav-tabs.ken-link-set.type06 li:nth-child(5),
	#rosen-all ul.nav-tabs.ken-link-set.type06 li:nth-child(6){
		margin-top:10px !important;
	}
	
	#rosen-all ul.nav-tabs.ken-link-set.type04 li a{
		font-size:13px;
		width:53px;
	}

	#rosen-all ul.nav-tabs.ken-link-set.type05 li a{
		font-size:13px;
		width:70px;
	}
	#rosen-all ul.nav-tabs.ken-link-set.type06 li a{
		font-size:13px;
		width:75px;
	}
	#rosen-all ul.nav-tabs.ken-link-set.type07 li a{
		font-size:13px;
		width:70px;
	}
	#rosen-all ul.nav-tabs.ken-link-set.type07 li:first-child a,
	#rosen-all ul.nav-tabs.ken-link-set.type07 li:nth-child(2) a,
	#rosen-all ul.nav-tabs.ken-link-set.type07 li:nth-child(3) a{
		width:75px;
	}
	
	#rosen-all ul.nav-tabs.ken-link-set.type07 li:nth-child(4) a,
	#rosen-all ul.nav-tabs.ken-link-set.type07 li:nth-child(5) a,
	#rosen-all ul.nav-tabs.ken-link-set.type07 li:nth-child(6) a,
	#rosen-all ul.nav-tabs.ken-link-set.type07 li:nth-child(7) a{
		width:54px;
	}
	
	
	#rosen-all ul.nav-tabs.ken-link-set.type07 li:first-child,
	#rosen-all ul.nav-tabs.ken-link-set.type07 li:nth-child(2),
	#rosen-all ul.nav-tabs.ken-link-set.type07 li:nth-child(3){
		margin-bottom:10px;
	}
	ul.rosen-ken-link li a{
		font-size:13px;
	}
	ul.rosen-ken-link li:nth-child(odd){
		margin-left:0;
		margin-right:5px;
	}
	ul.rosen-ken-link li:nth-child(even){
		margin-left:5px;
		margin-right:0;
	}
}

.title02-set{
	text-align:center;
	margin:80px 0 30px 0;
}

.title02:before{
	content:url(/static/3/img/bus_search/ja/bg-title.png);
	position: absolute;
	top:-22px;
	left:-15px;
}
.title02{
	font-size:26px;
	font-weight:bold;
	display:inline-block;
	background:linear-gradient(transparent 70%, #ffff66 70%);
	padding:0 7px;
	margin-bottom:20px;
	position: relative;
}
.tab-pane{
	animation: fadeIn 1s ease 0s 0.5 normal;
	-webkit-animation: fadeIn 1s ease 0s 0.5 normal;
}

@keyframes fadeIn {
	0% {opacity: 0}
	100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
	0% {opacity: 0}
	100% {opacity: 1}
}


/* =========================================================
	#brand LPページ・テンプレ改修 2022/3
========================================================= */
#rosen .inner .copy {
	position: relative;
}

#container img.img-bus {
	position: absolute;
	display: block;
	width: 120px;
	height: auto;
	left: 10%;
	bottom: 100%;
}
@media (min-width: 768px){
	#container img.img-bus {
		width: 160px;
		height: auto;
		left: 16%;
		bottom: 100%;
	}
}
#container img[src*="txt_rosen_fukidashi"] {
	margin-bottom: 0;
}
@media (min-width: 768px){
	#container img[src*="txt_rosen_fukidashi"] {
		margin-bottom: -20px;
	}
}

/* 路線非表示対応　個別指定
--------------------------------------------------------- */
/* ↓ wex-star */
#brand #rosen tr[class*="ro2301001-sk19"],
/* ↓ 名鉄バス */
#brand #rosen tr.ro1509001-sk21-tk23,
#brand #rosen tr.ro1510001-sk09-tk23,
#brand #rosen tr.ro1512001-sk21-tk23,
#brand #rosen tr.ro1513001-sk20-tk20,
/* ↓ 近鉄バス */
#brand #rosen tr.ro1817017-sk27-tk22,
#brand #rosen tr.ro1817013-sk27-tk19,
/* ↓ アルピコ交通 */
#brand #rosen tr.ro1606004-sk21-tk21,
#brand #rosen tr[class*="ro1606004-sk20"],
/* ↓ 三重交通 */
#brand #rosen tr[class*="ro1826006-sk30"],
/* ↓ 神姫バス */
#brand #rosen tr.ro1845002-sk39-tk39,
#brand #rosen tr.ro1845003-sk38-tk39,
/* ↓ 遠州鉄道 */
#brand #rosen tr.ro1803001-sk22-tk22,
#brand #rosen tr.ro1803002-sk23-tk24,
/* ↓ 長電バス */
#brand #rosen tr[class*="ro1824003-sk20"],
/* ↓ 徳島バス */
#brand #rosen tr.ro1811006-sk28-tk27,
/* ↓ 奈良交通（ska呼び出し下記路線消して別に片道のみ路線として表示のため） */
.only-ska #brand #rosen tr.ro1809003-sk29-tk27,
/* ↓ 東急バス(旧：東急トランセと合併) */
#brand #rosen tr[class*="ro1871001-sk20"],
#brand #rosen tr[class*="ro1518002-sk10"],
#brand #rosen tr[class*="ro1518001-sk19"],
/* ↓ 西日本鉄道 */
#brand #rosen tr.ro1521013-sk35-tk35,
/* ↓ 新潟交通 */
#brand #rosen tr.ro1843002-sk06-tk06,
#brand #rosen tr.ro1843002-sk15-tk15,
/* ↓ 加越能バス */
#brand #rosen tr[class*="ro1620002-sk16"],
#brand #rosen tr.ro1620002-sk21-tk21,
/* ↓ 千曲バス */
#brand #rosen tr[class*="ro1875001-sk20"],
/* ↓ 西日本ジェイアール（サブで県県指定したいので、会社ID一覧からは非表示） */
#brand #rosen tr.ro1103002-sk23-tk27,
/* ↓ フジエクスプレス */
#brand #rosen tr.ro1841005-sk22-tk14,
/* ↓ 日ノ丸自動車 */
#brand #rosen tr.ro1882001-sk28-tk28,
#brand #rosen tr.ro1882001-sk33-tk33 {
	display: none;
}

/* 飛び乗り路線アイコン差し込み　個別指定
--------------------------------------------------------- */
/* ↓ 名鉄バス */
[class*="ro1618001"] .area:before,
[class*="ro1618002"] .area:before,
[class*="ro1618003"] .area:before,
[class*="ro1618004"] .area:before,
/* ↓ ＪＲバス中国株式会社（旧：中国ジェイアールバス) */
[class*="ro1633001"] .area:before,
/* ↓ アルピコ交通 */
[class*="ro1606001"] .area:before,
[class*="ro1606002"] .area:before,
[class*="ro1606003"] .area:before,
[class*="ro1606004"] .area:before,
[class*="ro1606005"] .area:before,
/* ↓ 広島電鉄 */
[class*="ro1636001"] .area:before,
[class*="ro1636002"] .area:before,
[class*="ro1636003"] .area:before,
/* ↓ 三重交通 */
[class*="ro1634001"] .area:before,
[class*="ro1634002"] .area:before,
/* ↓ 東海自動車 */
[class*="ro1635001"] .area:before,
/* ↓ 名阪近鉄バス */
[class*="ro1650001"] .area:before,
/* ↓ とさでんバス */
[class*="ro1610001"] .area:before,
/* ↓ 西日本鉄道 */
[class*="ro1603100"] .area:before,
/* ↓ 九州産交バス */
[class*="ro1619001"] .area:before,
[class*="ro1619002"] .area:before,
/* ↓ いわくにバス */
[class*="ro1608001"] .area:before,
[class*="ro1608002"] .area:before,
/* ↓ 西讃観光株式会社 */
[class*="ro1496002"] .area:before,
/* ↓ 琴参バス株式会社 */
[class*="ro1609001"] .area:before,
[class*="ro1609002"] .area:before,
/* ↓ 有限会社琴空バス */
[class*="ro1611100"] .area:before,
/* ↓ 西鉄バス北九州株式会社 */
[class*="ro1604100"] .area:before,
[class*="ro1604200"] .area:before,
[class*="ro1604300"] .area:before,
/* ↓ 北海道拓殖バス株式会社 */
[class*="ro1621001"] .area:before,
/* ↓ 加越能バス株式会社 */
[class*="ro1620001"] .area:before,
[class*="ro1620002"] .area:before,
[class*="ro1620003"] .area:before,
[class*="ro1620004"] .area:before,
[class*="ro1620005"] .area:before,
/* ↓ 西肥自動車株式会社 */
[class*="ro1628001"] .area:before,
[class*="ro1628002"] .area:before,
[class*="ro1628003"] .area:before,
/* ↓ 長崎県交通局 */
[class*="ro1629001"] .area:before,
/* ↓ 知多乗合株式会社 */
[class*="ro1631001"] .area:before,
/* ↓ 根室交通 */
[class*="ro1614001"] .area:before,/* 根室交通とくしろバスで同じ*/
[class*="ro1614002"] .area:before,
[class*="ro1614003"] .area:before,
[class*="ro1614008"] .area:before,
[class*="ro1614009"] .area:before,
/* ↓ 網走バス */
[class*="ro1617001"] .area:before,
[class*="ro1617002"] .area:before,
[class*="ro1617003"] .area:before,
/* ↓ 阿寒バス */
[class*="ro1612001"] .area:before,
[class*="ro1612002"] .area:before,
[class*="ro1612003"] .area:before,
[class*="ro1612004"] .area:before,
[class*="ro1612005"] .area:before,
[class*="ro1612006"] .area:before,
[class*="ro1612007"] .area:before,
[class*="ro1612008"] .area:before,
[class*="ro1612009"] .area:before,
[class*="ro1612010"] .area:before,
[class*="ro1612011"] .area:before,
[class*="ro1612012"] .area:before,
/* ↓ 十勝バス */
[class*="ro1625001"] .area:before,
[class*="ro1625002"] .area:before,
[class*="ro1625003"] .area:before,
[class*="ro1625004"] .area:before,
[class*="ro1625005"] .area:before,
[class*="ro1625006"] .area:before,
[class*="ro1625007"] .area:before,
[class*="ro1625008"] .area:before,
/* ↓ 道北バス */
[class*="ro1622001"] .area:before,
[class*="ro1622002"] .area:before,
[class*="ro1622004"] .area:before,
[class*="ro1622005"] .area:before,
[class*="ro1622006"] .area:before,
/* ↓ ふらのバス */
[class*="ro1623001"] .area:before,
/* ↓ 北紋バス */
[class*="ro1627001"] .area:before,
[class*="ro1616012"] .area:before,/* 北紋バスと北海道北見バスで同じ*/
/* ↓ くしろバス */
[class*="ro1626001"] .area:before,
/*[class*="ro1614001"] .area:before,*//* 根室交通とくしろバスで同じ*/
/* ↓ 斜里バス */
[class*="ro1615001"] .area:before,
[class*="ro1617002"] .area:before,
/* ↓ 北海道北見バス */
[class*="ro1616001"] .area:before,
[class*="ro1616002"] .area:before,
[class*="ro1616003"] .area:before,
[class*="ro1616004"] .area:before,
[class*="ro1616005"] .area:before,
[class*="ro1616006"] .area:before,
[class*="ro1616007"] .area:before,
[class*="ro1616008"] .area:before,
[class*="ro1616009"] .area:before,
[class*="ro1616010"] .area:before,
[class*="ro1616011"] .area:before,
/*[class*="ro1616012"] .area:before*//* ※北紋バスと北海道北見バスで同じ*/
/* ↓ 東日本急行 */
[class*="ro1649001"] .area:before,
[class*="ro1649002"] .area:before,
[class*="ro1649003"] .area:before,
[class*="ro1649004"] .area:before,
[class*="ro1649005"] .area:before,
/* ↓ 庄内交通 */
[class*="ro1602003"] .area:before {
	content: '';
	display: inline-block;
	width: 132px;
	height: 23px;
	background-image: url(/static/img/bus_search/brand/icon_tobinori.png);
	background-size: contain;
	background-repeat: no-repeat;
  vertical-align: middle;
}
/* 飛び乗りアイコン説明部分
--------------------------------------------------------- */
#container .note {
	margin-top: 3rem;
}
	#container .note img {
		width: auto;
		height: auto;
	}
.note > div {
	border: 3px solid #ccc;
	padding: 1.2rem 1rem 0.5rem;
}
@media (min-width: 768px){
	.note > div {
		padding: 1.5rem 1.5rem 1rem;
	}
}
	.note h3 {
		margin-bottom: 1rem;
		text-align: center;
		font-size: 14px;
		font-weight: bold;
	}
	@media (min-width: 768px){
		.note h3 {
			margin-bottom: 1.5rem;
			font-size: 16px;
		}
	}
	.note ul {
		margin-bottom: 1rem;
	}
	.ico-blue {
		background: #3bafda;
		padding: 3px 10px;
		color: #fff;
		font-family: "メイリオ","Hiragino Kaku Gothic Pro",Meiryo,"ヒラギノ角ゴ Pro W3";
		font-weight: bold;
		border-radius: 3px;
		margin-right: 0.5rem;
	}
.note a {
	font-size: 14px;
	font-weight: bold;
}

/* 片道のみ表示対応（追加APIテンプレ用）
--------------------------------------------------------- */
.single ul.btn-set {
	justify-content: center;
}

/* CPN等露出
--------------------------------------------------------- */
.alert-warning {
	line-height: 1.8;
}
.alert-warning h2,
.alert-warning h3 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 0.5rem;
}
/* Font Size */
.f-big-110 {
	font-size: 110%;
}
.f-big-120 {
	font-size: 120%;
}
.f-big-125 {
	font-size: 125%;
}
.f-big-150 {
	font-size: 150%;
}
/* Line */
.line-u {
	border-bottom: 1px solid #856404;
}
.line-double {
	border: 1px solid #856404;
	border-left: none;
	border-right: none;
}

a.link-motto{
	background: url(/static/img/index/bg-stripe-pink.png) top left;
	text-decoration: none;
	display: block;
	font-size: 18px;
	padding: 20px 25px;
	border-radius: 50px;
	color: #333;
	cursor: pointer;
	font-weight: bold;
}
a.link-motto:after {
	content: "\f105";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color: #f53d7e;
	margin-left: 15px;
}
@media (min-width: 768px){
	a.link-motto{
		display: inline-block;
	}
}


/* 折り畳みInfo
--------------------------------------------------------- */
#info-cpn {
	margin-top: 1rem;
}
/*----- Btn-PR -----*/
a.btn-pr {
	background: #f53c7f;
	color: #fff;
}
#brand #rosen .info-pr .btn {
	margin-top: 0;
	padding: 0.5rem;
	width: 90%;
}
#brand #rosen .info-pr .btn:hover {
	opacity: 0.8;
}
.info-pr h2 {
	font-size: 16px;
}
.info-pr p {
	font-size: 14px;
}
@media(min-width:768px){
	.info-pr h2 {
		font-size: 18px;
	}
	.info-pr p {
		font-size: 16px;
	}
}
/*----- Square List -----*/
.mark-square > dt:before,
p.mark-square:before,
h3.mark-square:before {
	content: "■";
	display: inline-block;
	transform:rotate(45deg);
	margin-right: 5px;
}
.mark-square > dd + dt {
	margin-top: 1rem;
}
/*----- Ol(Decimal) List -----*/
.mark-decimal {
	margin-left: 1.4rem;
}
.mark-decimal > li {
	list-style: decimal;
	font-size: 90%;
}
.mark-decimal > li + li {
	margin-top: 0.5rem;
}
/*----- Ul(Disc) List -----*/
.mark-disc {
	margin-left: 1.4rem;
}
.mark-disc > li {
	list-style: disc;
}
/*----- Parenthesis List(丸括弧) -----*/
.mark-parenthesis {
	margin-left: 0.3rem;
}
.mark-parenthesis li {
	counter-increment: cnt;
	text-indent: -1.3rem;
	margin-left: 1rem;
}
.mark-parenthesis li:before {
	content: "("counter(cnt)")";
}

/*
路線数パーツ
********************************/

#rosen-num{
	margin:80px auto 30px auto;
	font-size:20px;
	font-weight:bold;
	line-height:1.3;
	text-align:center;
}

#rosen-num .rosen-num-in {
	padding:10px 60px;
	display:inline-block;
	position:relative;
}

#rosen-num span{
	font-size:32px;
	color:#f53c7f;
	padding:0 3px;
	vertical-align:-3px;
}

#rosen-num .rosen-num-in:before,
#rosen-num .rosen-num-in:after{
	content:"";
	display:block;
	position:absolute;
	top:25%;
	width:2px;
	height:80px;
	background:#f53c7f;
}

#rosen-num .rosen-num-in:before{
	left:20px;
	transform:rotate(-30deg);
}
#rosen-num .rosen-num-in:after{
	right:20px;
	transform:rotate(30deg);
}

@media(min-width:768px) and (max-width:991px){
	#rosen-num{
		font-size:18px;
	}
	#rosen-num span{
		font-size:24px;
	}
	
	#rosen-num .rosen-num-in:before{
		left:-20px;
	}
	#rosen-num .rosen-num-in:after{
		right:-20px;
	}
		
}

@media(max-width:767px){
	#rosen-num{
		font-size:16px;
	}
	
	#rosen-num .rosen-num-in{
		padding:10px 3px;
	}
	
	#rosen-num span{
		font-size:22px;
	}
	
	#rosen-num .rosen-num-in:before{
		left:-10px;
	}
	#rosen-num .rosen-num-in:after{
		right:-10px;
	}
	
	#rosen-num .rosen-num-in:before,
	#rosen-num .rosen-num-in:after{
		top:20%;
		height:70px;
	}
}

/* 差し込みテキスト　個別指定
--------------------------------------------------------- */
/* ↓ 奈良交通 */
/*[class*="ro1809006"] .area:before {
	content: '（※9/30～運行開始）';
	display: inline-block;
  vertical-align: middle;
	font-size: 14px;
	color: red;
}*/
/* ↓ JR東海 */
.ro1101003-sk23-tk13 .area:before {
	content: '※本路線は愛知～東京の路線です';
	display: inline-block;
  vertical-align: middle;
	font-size: 14px;
	color: red;
}
.ro1101003-sk23-tk13 .area:before {
	content: '「愛知～東京」の路線です';
	display: inline-block;
  vertical-align: middle;
	font-size: 14px;
	color: red;
	border: 2px solid #fa6d72;
	padding: 0.2rem 0.5rem 0.1rem;
}
.ro1101003-sk23-tk22 .area:before {
	content: '「愛知～静岡」の路線です';
	display: inline-block;
  vertical-align: middle;
	font-size: 14px;
	color: red;
	border: 2px solid #fa6d72;
	padding: 0.2rem 0.5rem 0.1rem;
}
/* ↓ 宮崎交通 */
.ro1523005-sk42-tk45 .area:before {
	content: '期間限定で運行中';
	display: inline-block;
  vertical-align: middle;
	font-size: 14px;
	color: red;
	border: 2px solid #fa6d72;
	padding: 0.2rem 0.5rem 0.1rem;
}

/* 汎用APIチェック用
--------------------------------------------------------- */
.company {
	background: #ededed;
	padding: 0.3rem 0.5rem;
	font-size: 20px;
}
@media all and (max-width: 767px) {
  #brand #rosen.check tr {
		padding: 10px 0 30px;
	}
}