@charset "utf-8";
   
	/*++++++++++++++
		時刻検索
	++++++++++++++*/

	.route-search .inner {
    max-width: none;
    margin: 50px auto 0;
    background: url(../images/common/dots.png) #333;
    padding: 60px 0 40px;
    /* border: 1px solid #e6e6e6; */
    /* box-shadow: 2px 4px 6px 2px #dbdbdb; */
 }

div#wrapper {
    background: #f9f9f9;
}

form#busSearch {
    width: 80%;
    margin: 0 2% 0 0;
}


	.place .form-group {
		margin: 0;
		width: 100%;
	}

    label.form-label {
    width: 20%;
    font-weight: 500;
    color: #000;
}

.form-group .col {
    width: 100%;
    margin: 10px 0 0 0;
    align-items: initial;
}

.col input {
    display: block;
    width: 100%;
    padding: 13px;
    font-size: 16px;
    border: none;
    border-radius: 5px;
    background: #f9f9f9;
    cursor: pointer;
    font-family: source-han-sans-japanese, sans-serif;
}

.route-wrap {
    width: 100%;
    display: flex;
    align-items: end;
}


.place {
    width: 100%;
    margin: 0 2% 0 0;
}

label.form-label b img {
    width: 22px;
    height: 27px;
    display: inline-block;
}

label.form-label b {
    margin: 0 6px 0 0;
}

.place {
    margin: 0;
    align-items: end;
    width: 100%;
}


.submit-box button#btnSearch {
    width: 250px;
    display: block;
    padding: 11px;
    cursor: pointer;
    align-items: center;
    color: #fff;
    background: #005bac;
    border: 1px solid #fff;
    border-radius: 5px;
    font-size: 1.1em;
    letter-spacing: 1px;
    font-weight: 600;
    margin: 0;
    /* box-shadow: 3px 5px 8px 0px #2d2d2d; */
}

.submit-box button#btnSearch b {
    width: 22px;
    height: 22px;
    display: inline-block;
    margin: 0 10px 0 0;
}

.submit-box {
    display: block;
    width: 100%;
    
}

.button-box {
    justify-content: space-between;
    max-width: 890px;
	display: flex;
	gap: 16px;
}

.button-box button {
    max-width: 100%;
    width: 100%;
    /* margin: auto; */
    background: #ecf6ff;
    border-radius: 5px;
    font-size: 1.1em;
    color: #000;
    padding: 20px 0;
    font-weight: 600;
    font-family: source-han-sans-japanese, sans-serif;
    cursor: pointer;
    border: none;
}

.button-box button.active-version {
    color: #005bac;
    border: 2px solid #005bac;
}




/**/
.ichiran tr:first-child th {
    border-top: none;
    border-bottom: none;
}

.ichiran table {
    table-layout: auto;
}

.ichiran th,.ichiran td {
    width: auto;
    border: none;
}

.ichiran th,.ichiran td {
    border-right: 1px dashed #eee;
    width: 20%;
}

th:last-child, td:last-child {
    border-right: none;
}


.ichiran td:first-child p {
    font-weight: 500;
}

.ichiran th{
    background: #8293a0;
    color: #fff;
}

.ichiran tr:nth-child(odd) {
    background: #f3f7f9;
}

tr.sticky-t.t-fixed {
    top: 0;
    z-index: 2;
    width: 100%;
    position: sticky;
}

tr.sticky-t {
    position: sticky;
    top: 0;
    transition: .3s;
    left: 0;
}

.ichiran tr td:last-child, .ichiran tr th:last-child {
    width: 60%;
}

.ichiran tr td:nth-child(3) {
	display:
	flex;
	width: 100%;
	flex-wrap: wrap;
}

.ichiran tr td:nth-child(3) p{
	width: auto;
	margin:0 5% 0 0;
}

    
    @media screen and (max-width: 1299px) {
		.button-box button {
		    font-size: 1em;
		}

    }
@media screen and (max-width: 1100px) {
    
    
}
    
    @media screen and (max-width: 991px) {
   
      #information {
		padding: 30px 15px;
	}
		
		.route-search .inner {
          padding: 30px 0;
      }
      
      .route-wrap-box {
          flex-wrap: wrap;
      }
      
      .route-wrap {
          width: 100%;
      }



    }
    

    @media screen and (max-width: 767px) {
 
    
        /*jikoku*/

        .submit-box button#btnSearch {
            width: 100%;
            padding: 12px;
            font-size: 1em;
        }
        
        .form-check {
            width: 100%;
            display: block;
            margin: 15px 0 0 0;
        }
        
        .form-row {
            width: 43%;
        }
        
        .form-row.jikan {
            width: 52%;
        }
        
        .form-group .col {
            flex-wrap: wrap;
        }
        
        .jikan.form-row .time:first-child {
            /* margin: 0 8% 0 0; */
        }
        
        .col .check-button input {
            height: 42px;
        }
        
        select#dateMonth, select#dateDate, select#timeHour, select#timeMin {
            padding: 9.8px 7px;
            font-size: 0.9em;
        }
        
        .col input {
            padding: 9.6px 8px;
            font-size: 0.9em;
        }
        
        label.form-label span {
            font-size: 0.9em;
        }
        
        .col .check-button label {
            font-size: 0.9em;
        }
        
        .submit-box button#btnSearch b {
            width: 19px;
            height: 19px;
        }
        
        .arrow_route {
            width: 35px;
        }

		.route-wrap {
		    flex-wrap: wrap;
		}
		
		form#busSearch {
		    width: 100%;
		    margin: 0 0 20px 0;
		}
		
		.form-group {
		    width: 100%;
		}


		.button-box button {
		    font-size: 0.9em;
		    padding: 10px 10px;
		}


		/*運行情報*/
		
		.ichiran tr  {
		    display:
		    flex;
		    flex-wrap: wrap;
		    padding: 15px 10px;
		    align-items: end;
		}
		
		.ichiran tr.sticky-t {
		    display: none;
		}
		
		.ichiran tr:nth-child(even) {
		    background: #f3f7f9;
		}
		
		.ichiran tr:nth-child(odd) {
		    background: #fff;
		}
		
		
		.ichiran td {border-right: none;width: auto;padding: 0 8px 0 0;}
		
		.ichiran tr td:last-child:before {
		    content: "時刻表";
		    display: block;
		    width: 99%;
		    font-size:0.9em;
		    border-bottom: 1px solid #c5d4de;
		    /* margin: 0 0 15px 0; */
		    /* box-shadow:0px 4px 6px -5px #adc5d0; */
		    background: #8293a0;
		    padding: 0 7px;
		    color: #fff;
		    left: 0;
		    right: 0;
		    margin: auto;
		    position: absolute;
		    top: 0;
		}
		
		
		.ichiran tr td:last-child {
		    position: relative;
		    display: block;
		    margin: 10px auto 0;
		    padding: 30px 10px 10px;
		    overflow: hidden;
		    background: #fafafa;
		    box-sizing: border-box;
		}
		
		.ichiran tr td:last-child p {
		    float: left;
			font-size:1em;
		}
		
		
		
		.ichiran td:first-child p {
		    color: #005bac;
		}

      
   
      
    }

    @media screen and (max-width: 480px) {

          .ichiran tr td:before {
		      font-size: 0.95em;
		      color:#000;
		      line-height: 1.8;
		      font-weight: 500;
		  }
		

		
		  .ichiran td:first-child p {
		    font-size: 1.1em;
		    font-weight: 600;
		}
    }