/**/

#body_kousoku .topmainimage{
	background:url(./img/kousoku.webp) no-repeat center center;
		@media (max-width: 1023px){
			aspect-ratio: 3 / 1;
		}
	&#top{
		@media (min-width: 1024px){
			aspect-ratio: 3 / 1;
		}
	}
	background-size:cover;
}



#kensaku{
	h2{
		font-size:1.3rem;
		margin-bottom:1em;
		background:url(../common/icon/kousokubus.png) no-repeat 0.5em center;
		background-size:3em;
		padding-left:4em;
		small{
			font-size:0.8rem;
		}
		& :after,& :before{
			display:none;
		}
	}
	.kensaku_form form{
		display:flex;
		flex-direction:column;
		gap:0.5em;
		@media (min-width: 1024px) {
			justify-content:space-between;
			flex-direction:row;
			align-items:end;
		}
	}
	.kensaku_form_select{
		display:flex;
		flex-direction:column;
		gap:0.5em;
		@media (min-width: 1024px) {
			flex-grow:2;
			justify-content:space-between;
			flex-direction:row;
			div{
				flex:1;
			}
		}
		b{
			display:block;
			margin:0 0 0.25em;
		}
		select{
			width:100%;
			min-height: 60px;
			background:
				url(../common/img/pin.svg) no-repeat 0.5em center,
				url(../common/img/ya.svg) no-repeat calc(100% - 0.5em) center,
				#fff;			
			background-size:1em 1em;
			padding:1em 2em;
			font-size:17px;
		}
		input{
			width:100%;
			min-height: 60px;
			background:#FFF url(../common/img/cal.svg) no-repeat 0.5em center;
			background-size:1em;
			padding:1em 1em 1em 2em;
			margin:0;
			font-size:17px;
		}
	}
	#kousokuBusRosenBox{
	}
	#kousokuBusIkisakiBox{
	}
	#kousokuBusDateBox{
	}
	.kensaku_form_submit{
		flex-shrink:0;
		margin:0;
		text-align:center;
		#kousokuBusSubmit{
			height:100%;
			display: flex;
			align-items: flex-end;
		}
		input[type="submit"] {
			font-size: clamp(1.1rem, 0.0051880674rem + 2.3346303502vw, 1.3333333333rem);
			background:rgba(var(--main-rgb),1) url(../common/img/search_w.svg) no-repeat 0.5em center;
			background-size:1em;
			-webkit-appearance: none;
			-moz-appearance: none;
			appearance: none;
			border: none;
			outline: none;
			border-radius: var(--radius);
			color:#FFF;
			padding:0.5em 1em 0.5em 2em;
			font-weight:bold;
			width:100%;
			min-height: 60px;
			@media (hover: hover) {
				&:hover{
					background-color:rgb(var(--link-rgb));
					cursor:pointer;
				}
			}
		}
	}
}
#route h2{
	margin:0 !important;
	padding:0 !important;
}
.kousoku_map{
	position:relative;
	margin-bottom:-20%;
	z-index:0;
	@media (max-width: 1023px) {
			margin-left:-20%;
			margin-right:-20%;
	}
}
.route_area.flex_box{
	position:relative;
	z-index:1;
	@media (min-width: 1024px) {
		flex-direction:row-reverse;
	}
	& div{
	width:100%;
	}
}
ul.route_list{
	width:100%;
	list-style:none;
	margin:0 0 0px;
	padding:0;
	& li{
		margin:0 0 10px;
		padding:0;
		border:solid 1px #DDD;
		border-radius:var(--radius);
		background-color:rgba(255,255,255,.8);
	}
	& a{
		display:block;
		padding:1em;
		text-decoration:none;
		color:rgba(var(--text-rgb));
		display: flex;
		flex-wrap:wrap;
		align-items:center;
			@media (hover: hover) {
				&:hover{
				background-color:rgba(var(--main-rgb),.1);
				}
			}
	}
	& span{
		line-height:1.1;
		
		//border:solid 1px #513;
	}
	& .route_type{
		width:2em;
		height:2em;
		border-radius:50%;
		margin-right:0.5em;
	}
	& .night{
		background:rgb(0,107,185) url(../common/icon/night.png) no-repeat;
		background-position:center;
		background-size:75%;
	}
	& .day{
		background:rgb(255,234,0) url(../common/icon/day.png) no-repeat;
		background-position:center;
		background-size:75%;
	}
	& .both{
		background:
		url(../common/icon/day.png) no-repeat 15% 15% / 40%,
		url(../common/icon/night.png) no-repeat 75% 75% /40%,
		linear-gradient(135deg,rgb(255,234,0) 50%, rgb(0,107,185) 50%);
	}
	& .route_nobori{
		font-size:1.2em;
		color:rgba(var(--logo-rgb));
		font-weight:bold;
		
	}
	& .route_kudari{
	}
	& .route_name{
		color:rgba(var(--text-rgb),.5);
		font-size:0.8em;
		width:calc(100% - 3em);
		margin:0 0em 0.5em 3em;
	}
	& .route_run{
		font-size:0.8em;
		width:calc(100% - 3em);
		margin:0 0em 0.5em 3em;
	}
}
.k_gakuwari,
.k_kaisu,
.k_ofuku,
.k_net{
	display:inline-block;
	padding:3px 5px;
	margin-right:0.25em;
	width:5em;
	text-align:center;
	font-size:0.8em;
	color:#FFF;
	border-radius:var(--radius);
	font-weight:bold;
}
.k_gakuwari {
background-color: rgb(255,0,0);
}
.k_ofuku {
background-color: rgb(255, 128,0);
}
.k_kaisu {
background-color: rgb(37,178,100);
}
.k_net {
background-color: rgb(34,160,225);
}
.calendar .box{
	padding:clamp(1.5rem, 1.5vw, 2%);
}
.calendar_images {
	display:flex;
	gap:10px;
	flex-wrap:wrap;
}
.calendar_images img {
	/*flex: 1;*/
	width:calc(50% - 10px);
	min-width:200px;
	max-width:300px;
}

ul.setsubi_photo{
	flex-wrap:wrap;
	gap:2%;
	justify-content:flex-start;
	margin:0;
	padding:0;
	list-style:none;
	li{
	@media (min-width: 1024px) {
		width:32%;
	}
	}
	img{
		border-radius:var(--radius);
	}
}

table.timetable{
	tbody tr:nth-of-type(2n+1) {
		background-color:rgba(var(--corp-rgb),.05);
	}
}
table.timetable .unkyu{
	background-color:rgba(var(--text-rgb),.8) !important;
}