@charset "UTF-8";



.st-header__top .right_side{display: -webkit-box;display: -ms-flexbox;display: flex;
-webkit-box-align: flex-endr;-ms-flex-align: flex-end;-webkit-align-items: flex-end;align-items: flex-end;}
.st-header__top .st-header__lang{margin-left:15px;}
.st-header__top .login_btn{background:#fff;color:#ff5100;border:1px solid #ff5100;cursor:pointer;height: 40px;padding: 0 15px;width: 126px; display:block;}

.yoyaku_box{background:#fff;padding:20px 20px 25px;border:1px solid #888;margin: 15px auto 30px;}
.yoyaku_box h2, .rireki_box h2{margin:0 0 10px;font-size: 2.0rem;}
.yoyaku_box ul li, .rireki_box ul li{border-bottom:1px solid #ddd;padding:10px 0;}
.yoyaku_box ul li:first-child, .rireki_box ul li:first-child{border-top:1px solid #ddd;}
/*.yoyaku_box ul li::after{content: "";float: none;clear: both;display: block;}*/
.yoyaku_box ul li .time, .rireki_box ul li .time{display:block;}
.yoyaku_box ul li p{display:inline-block;width:70%;vertical-align:middle;margin-right:5%;}
.yoyaku_box ul li .btn{display:inline-block;width:25%;vertical-align:middle;}
.yoyaku_box ul li .btn a{background:#888;color: #fff;padding: 8px;font-size: 14px;display: block;text-align: center;cursor:pointer;}
.mypage_btns li{margin:20px auto 0;}
.mypage_btns li a {font-size: 1.6rem;letter-spacing: 0;background-image:none;}
.mypage_btns li.c-btn input{background:#fff;border:1px solid #ff5100;color:#ff5100;}
.setting .top-sec__headline::before{background:#000;}
.setting .check{margin:25px 0;border:1px solid #c9c9c9;background:#fff;padding:10px 15px;}
input[type=checkbox]{display:none;}

input[type=checkbox]+label {
    position: relative;
    padding-left: 22px;
    vertical-align: middle;
    display: inline-block;
    line-height: 1.9em;
    font-weight:bold;
}
input[type=checkbox]+label::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 16px;
    height: 16px;
    margin-top: -8px;
    border: 2px solid #000;
    border-radius: 4px;
    cursor:pointer;
    background:#fff;
}
input[type=checkbox]:checked+label::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 16px;
    height: 16px;
    margin-top: -8px;
    background-color: #fff;
    border: 2px solid #ff5100;
}

input[type=checkbox]:checked+label::after {
    content: "";
    position: absolute;
    left: 2px;
    top: 50%;
    width: 13px;
    height: 4px;
    margin-top: -7px;
    border-left: 3px solid #ff5100;
    border-bottom: 3px solid #ff5100;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background: none;
}
.myroutearea .top-sec__headline{margin-bottom:10px;}
.myroute_li{margin-bottom:25px;}
.myroute_li .c-btn input{font-size:1.6rem;width:60%;margin:auto;}
.rireki_box{background:#fff;padding:20px 20px 25px;border:1px solid #888;margin: 40px auto 10px;}


.modal{
    display: none;
    height: 100vh;
    position: fixed;
    top: 0;
    width: 100%;
    z-index:11;
}
#modal2{overflow-y: auto;}

.modal_bg{
    background: rgba(255,255,255,0.8);
    height: 100vh;
    position: absolute;
    width: 100%;
}
.modal_content{
    background: #fff;
    left: 50%;
    padding: 20px;
    position: absolute;
    top:50%;
    transform: translate(-50%,-50%);
    width: 92%;
    border:2px solid #aaa8a6;
    z-index:99;
}
.modal .icon_close{position:relative;cursor:pointer;text-align:right;display:block;}
.modal .icon_close::before{
		content:"";
		position:absolute;
		display:inline-block;
		top:-50px;
		right:-15px;
		width:4px;
		height:24px;
		border:0;
		background-color:#000;
		-moz-transform:rotate(45deg);
		-webkit-transform:rotate(45deg);
		transform:rotate(45deg);
}
.modal .icon_close::after{
		content:"";
		position:absolute;
		display:inline-block;
		top:-50px;
		right:-15px;
		width:4px;
		height:24px;
		border:0;
		background-color:#000;
		-moz-transform:rotate(-45deg);
		-webkit-transform:rotate(-45deg);
		transform:rotate(-45deg);
}
.modal h6{font-size: 1.7rem;margin:0 0 15px;text-align:center;font-weight:bold;}
/*
.search-dt .modal .sharetaxi__btns{margin:15px 0 10px;}
.search-dt .modal .c-btn--blank a{background-image:none;background:#888;}
.search-dt .modal .c-btn--blank a.d-account{background:#cc0033;}
.search-dt .modal .c-btn--blank a.line{background:#00b900;}
*/
.modal .sharetaxi__btns{margin:15px 0 10px;}
.modal .c-btn--blank button, .modal .c-btn--blank a{background-image:none;background:#333;font-size:1.5rem;min-height:50px;}
.modal .c-btn--blank button.d-account, .modal .c-btn--blank a.d-account{background:#cc0033;}
.modal .c-btn--blank button.line, .modal .c-btn--blank a.line{background:#00b900;}
.modal .c-btn--blank button.ai{background-color: #ff0066;}
.modal .c-btn--blank button.disable {background-color: #d4d4d4;cursor: not-allowed;}
.modal .c-btn--blank button.disable:hover {
  opacity:1;
}

.modal h2{margin:0 0 10px;font-size: 2.0rem;text-align:center;line-height: 1.3em;}
.modal .yoyaku_form, .payment table{width:100%;}
.modal .yoyaku_form tr{border-bottom:1px solid #ddd;}
.payment table tr{border-top:1px solid #ddd;}
.modal .yoyaku_form tr:last-child{border:0;}
.modal .yoyaku_form th, .payment table th{width:40%;margin-right:5%;text-align:left;padding:15px 10px;}
.modal .yoyaku_form td, .payment table td{width:55%;padding:15px 10px;}
.modal .yoyaku_form input, .modal .yoyaku_form select{border:1px solid #666;border-radius:2px;padding:10px 15px;resize: vertical;width: 100%;}
.selectwrap{width: 100%;position:relative;display:inline-block;}
.selectwrap::after {
    content: '';
    width: 6px;
    height: 6px;
    border: 0px;
    border-top: solid 1px #000;
    border-right: solid 1px #000;
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    position: absolute;
    top: 50%;
    right: 5%;
    margin-top: -5px;
}

.modal .c-btn.yoyaku{margin:15px auto 10px;}
.modal .c-btn.yoyaku button{background-color:#ff0066;}
.modal h2.fin{tetx-align:center;font-size:2.3rem;font-weight:400;margin:30px 0;}
ul.textlink a{color:#ff5100;text-decoration:underline;}
.modal .doui{margin:15px 0 25px;padding-bottom:15px ;text-align:center;border-bottom:1px dashed #666;}
.modal .doui input[type=checkbox]+label{font-size:1.6rem;line-height: 1.7em;padding-left:4px;}
.modal .doui input[type=checkbox]+label::before, .modal .doui input[type=checkbox]:checked+label::before{left:-16px;}
.modal .doui input[type=checkbox]:checked+label::after{left:-14px;}
.kiyaku{border: 1px solid #ccc;background-color: #fff;padding: 20px 15px;height: 260px;margin-bottom:10px;text-align:left;
box-sizing: border-box;overflow-y: scroll;transform: translateZ(0);}
.kiyaku .c-headline-2{font-size:1.6rem;text-align:left;margin: 15px 0 5px;line-height:2em;}
.kiyaku .terms__list li{padding:0;margin:0;}
.search .setting_btns{margin:15px 0 30px;}
.search .setting_btns ul{width: 100%;border:1px solid #f98d00;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.search .setting_btns ul li{width:26%;border-left:1px solid #f98d00;}
.search .setting_btns ul li.search-set{width:22%;border:0;}
.search .setting_btns ul li a{background:#fff3cd;display:block;text-align:center;color:#f98d00;padding:6px;font-size: 1.4rem;}
.search .setting_btns ul li.search-set a{background:#f98d00;color:#fff;font-weight:bold;}

.info-sec{background:#fff;padding:10px 0 30px;}
.info-sec ul li{border-top:1px solid #ddd;padding:15px 0;}
.info-sec ul li:last-child{border-bottom:1px solid #ddd;}
.info-sec .mark{padding:6px 16px;border-radius:26px;color:#fff;font-size:1.3rem;margin:0 10px;vertical-align: middle;}
.info-sec .mark.info{background:#df3232;}
.info-sec .mark.news{background:#126b98;}
.info-sec .date{font-weight:bold;vertical-align: middle;}

.search-dt__info__transit .tokkyu_ticket{border:0;display:block;max-width:130px;background:#35abff;font-size:1.3rem;
padding:4px 10px;border-radius:4px;text-align:center;position:relative;margin:5px 0 0 8px;line-height:1.5em;}
.search-dt__info__transit .tokkyu_ticket.en{max-width:280px;}
.search-dt__info__transit .tokkyu_ticket:hover{opacity:0.7;}
.search-dt__info__transit .tokkyu_ticket::before{content: '';width: 30px;height: 30px;border: 0px;top: 50%;left: -36px;
margin-top: -15px;position: absolute;background: url(../images/kintetsu.png) 0 0 no-repeat ;background-size:100%;}
.search-dt__info__transit .tokkyu_ticket span{color:#fff;position:relative;margin:0;padding-left:20px;display:inline-block;}
.search-dt__info__transit .tokkyu_ticket span::before{content: '';width: 16px;height: 10px;border: 0px;top: 50%;left: 0;
margin-top: -5px;position: absolute;background: url(../images/icn_ticket.png) 0 0 no-repeat ;background-size:100%;}

.pricecharge2{background-color: #f98d00 !important; color:#fff !important;}

.flex{display: -webkit-box;display: -ms-flexbox;display: flex;}
.modal .flex.yoyaku{-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: center;width:100%;max-width: 500px;}
.modal .flex.yoyaku li{width:48%;}
.modal .flex.yoyaku li:first-child{margin-right:4%;}

.payment h3{margin:0;}
.payment .time{padding: 15px 10px;}
.payment .realtime p{text-align:center;margin:15px 0;font-weight:bold;font-size:110%;color:#808080;}
.payment .realtime .c-btn{width:200px;}

.search-dt__info__transit .unkou_btn, .search-dt__info__transit .konzatsu_btn{
    border: 0;
    display: inline-block;
    max-width: 130px;
    font-size: 1.3rem;
    padding: 4px 10px;
    border-radius: 4px;
    text-align: center;
    position: relative;
    margin: 5px 8px 0 0;
    line-height: 1.5em;
    color:#fff;
    cursor:pointer;
}
.search-dt__info__transit .unkou_btn {background: #319c92;}
.search-dt__info__transit .konzatsu_btn {background:#126b98;}
.search-dt__info__transit span.btnwrap{display:block;margin:0;}
.modal .konzatsu p{text-align:center;margin-bottom:15px;}

.sharetaxi .yoyaku_form input, select{background:#fff;}
.sharetaxi .yoyaku_form, .payment table{width:100%;}
.sharetaxi .yoyaku_form tr{border-bottom:1px solid #ddd;}
.sharetaxi .yoyaku_form tr:last-child{border:0;}
.sharetaxi .yoyaku_form th, .payment table th{width:40%;margin-right:5%;text-align:left;padding:15px 10px;}
.sharetaxi .yoyaku_form td, .payment table td{width:55%;padding:15px 10px;}
.sharetaxi .yoyaku_form input, .sharetaxi .yoyaku_form select{border:1px solid #666;border-radius:2px;padding:10px 15px;resize: vertical;width: 100%;}

/* 20220322 */
.sharetaxi .yoyaku_form a{font-size:1.3rem;}

/*PC========================================*/
@media only screen and (min-width: 769px){
.pc{display:block;}
.sp{display:none;}

.st-header__top {padding: 7px 0 11px;}
.yoyaku_box{width:100%;max-width:500px;}
.search_result{font-size:1.45rem;}
.modal_content{width:100%;max-width:600px;}
.modal .yoyaku_form{max-width:500px;margin:auto;}
.info-sec ul li{display: -webkit-box;display: -ms-flexbox;display: flex;}
.info-sec .Bpart{width:27%;margin-right:3%;}
.info-sec .textarea{width:70%;}
.search .content__select.small{overflow:hidden;}
.search .content__select.small select{width:140px;float:right;height: 40px;}
}

/*スマホ========================================*/
@media only screen and (max-width: 768px){
.sp{display:block;}
.pc{display:none;}

.st-header__top .st-header__lang {margin-left: 2vw;}
.st-header__logo span{position:absolute;margin: 0 0 0 1.4vw;top:25px;}
.st-header__top .login_btn{width:30vw;height:30px;}

.yoyaku_box ul li p{width:65%;}
.yoyaku_box ul li .btn{width:30%;}
.yoyaku_box ul li .btn a{font-size:1rem;}
.modal h2{font-size:1.8rem;}
.modal_content{padding: 5vw 4vw 4vw;}
#modal2 .modal_content{top:56%;}
#modal2 .modal_bg{height:120vh;}
/*
.modal .yoyaku_form th{width:100%;margin:0;display:block;padding:3vw 0 2vw;font-size:1.4rem;}
.modal .yoyaku_form td{width:100%;margin:0;display:block;padding:0 0 3.5vw;}
*/
.modal .yoyaku_form input, .modal .yoyaku_form select{padding:10px;}
.selectwrap::after{right:15px;}
.modal .c-btn.yoyaku{margin:2vw 0 3vw;}
.modal .flex.yoyaku{margin:3vw auto;}
.modal .doui{margin:3vw 0 3.5vw;padding-bottom:2.5vw ;}
.kiyaku{padding:4vw 3.5vw;height:160px;margin-bottom:2vw;}
.kiyaku h6{font-size:1.36rem;margin: 0 0 2vw;}
.kiyaku .c-headline-2 {font-size: 1.3rem;margin: 4.5vw 0 2.5vw;padding-bottom: 1.5vw;line-height:1.4em;}
.kiyaku .c-headline-2::before{bottom:1.5vw;}
.kiyaku img{width:45%;}
.search .setting_btns ul li a{font-size:1.2rem;padding: 2vw 0;}
.info-sec{padding: 0 0 6.5vw;}
.info-sec ul li{padding:3.5vw 0;}
.info-sec .Bpart{margin-bottom:3vw;}
.info-sec .mark{padding:2vw 4vw;font-size:1.2rem;margin:0 3vw 0 0;display:inline-block;}
.search-dt__info__transit .tokkyu_ticket{font-size:1.2rem;max-width: 28vw;padding: 1vw;}
.search-dt__info__transit .tokkyu_ticket.en{max-width:40vw;}
.search-dt__frame { padding: 0 8px;}
.search-dt__frame__dl dt{margin: 0 4px 0 0;}
.search-dt__frame__dl dd p{margin: 0 10px 0 0;}
.search-dt__info{padding:0 0 0 21vw;}
.search-dt__info.bus .search-dt__info__transit{padding-left: 6vw;}

.payment h3{font-size:1.5rem;}
.payment .time, .payment .realtime{font-size:1.4rem;}
.payment .realtime .c-btn{width:60%;}

/* 20220322 */
.sharetaxi .yoyaku_form a{font-size:1.1rem;}

}



/*アコーディオンメニュー*/
.toggle_contents {
	border: 1px solid #d9d9d9;
	background:#fff;
}

.toggle_contents dd{
	margin:0;
}

.toggle_contents li{
	border-top: 1px solid #d9d9d9;
	padding:15px;
	font-size: 18px;
}

.toggle_contents li:before {
	content: '-';
	margin-right:10px;
}
.toggle_title {
	position: relative;
	padding: 15px;
	cursor: pointer;
	font-size: 20px;
	line-height: 1.4;
}
.toggle_title p{
	margin-right:30px;
}
.toggle_btn {
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
	display: block;
	width: 24px;
	height: 24px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.toggle_btn:before, .toggle_btn:after {
	display: block;
	content: '';
	background-color: #777;
	position: absolute;
	width: 20px;
	height: 2px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.toggle_btn:before {
	width: 2px;
	height: 20px;
}
.toggle_title.selected .toggle_btn:before {
	content: normal;
}
.toggle_contents dd {
	display: none;
}