﻿@charset "UTF-8";

/******************** initial ********************/


/******************** common ********************/

.display_pc{
	display: initial;
}
.display_sp{
	display: none;
}
.wrapper{
	font-size: 1.4rem;
}

.go_top{
	width: 4.4rem;
	height: 4.4rem;
	bottom: 1.0rem;
	right: 1.0rem;
}
.go_top>p{
	width: 4.4rem;
	height: 4.4rem;
}
.go_top>p::after{
	top: 1.2rem;
	left: 1.2rem;
	font-size: 2.0rem;
}

/******************** header ********************/

header{
	height: 6.0rem;
}
header>div{
	position: relative;
	width: 96.0rem;
	height: 6.0rem;
	margin: 0 auto;
}
header>div>div.bar_login{
	height: 6.0rem;
	padding: 1.6rem;
}

header>div>h1{
	display: inline-block;
	width: 28.0rem;
	height: 6.0rem;
	margin: 0 auto;
}
header>div>h1>a{
	display: inline-block;
	height: 6.0rem;
}
header>div>h1>a>img{
	display: inline-block;
	height: 6.0rem;
	padding: 2.0rem;
}
header>div>h1>a>span{
	display: inline-block;
	position: absolute;
	top: 0;
	left: 13.0rem;
	height: 6.0rem;
	line-height: 6.0rem;
	font-size: 1.4rem;
}

/******************** font-size ********************/
.txt_large{
    font-size: 2.4rem;
}
h3,
section.content h2{
	font-size: 2.0rem;
}
.btn_submit,
.btn_link,
.box_text,
.frm_reservation>dt,
.frm_reservation_return>dt,
.box_fare{
	font-size: 1.6rem;
}
.box_text span,
.btn_slink{
	font-size: 1.4rem;
}
.box_text span.spticket_red{
	font-size: 1.6rem;
}
/***(ADD) 2019.11.28 追加 K.Yoshida START */
.box_msg span{
	font-size: 1.6rem;
}
.box_msg{
	font-size: 1.6rem;
}
/***(ADD) 2019.11.28 追加 K.Yoshida END */

/***(ADD) 2019.09.18 M.Komono START */
.btn_return{
    font-size: 1.4rem;
}

.btn_return>span{
    font-size: 2.8rem;
    font-weight:800;
}
/***(ADD) 2019.09.18 M.Komono END   */
/******************** content ********************/

section.content{
	margin-top: 6.0rem;
	width: 80.0rem;
	padding: 2.0rem 0;
	padding-bottom: 8.0rem;
}

section.content h2{
	padding: 2.0rem 0;
	padding-bottom: 3.0rem;
}

section.content h2>p>img{
	width: 40%;
}

.box_text{
	padding-bottom: 2.0rem;
	line-height: 150%;
}
.box_white{
	width: 60.0rem;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-bottom: 3.0rem;
}
.box_black{
	margin-bottom: 2.6rem;
	font-size: 1.4rem;
	line-height: 150%;
}

.box_news{
	padding: 1.0rem;
	font-size: 1.4rem;
	margin-bottom: 0.8rem;
}
.box_news>p{
	padding-bottom: 0.8rem;
}
.box_news>p.news_link{
	padding-right: 1.4rem;
}
.box_news>p.news_link::after{
	width: 0.8rem;
	height: 0.8rem;
	bottom: 0.4rem;
}

ul.box_date{
	display: inline-block;
}
ul.box_date>li{
	line-height: 4.0rem;
	padding-left: 4.0rem;
	padding-right: 3.0rem;
	font-size: 1.4rem;
}
ul.box_date>li::before{
	width: 4.0rem;
	height: 4.0rem;
}
.box_control>input[type="submit"]{
	top: 1.0rem;
	width: 3.0rem;
	height: 3.0rem;
}
.box_control>input[type="submit"]:first-of-type{
	left: 0;
}
.box_control>input[type="submit"]:last-of-type{
	right: 0;
}
.box_accordion>dl>dt{
	font-size: 2.0rem;
}
.box_accordion>dl>dt::after{
	top: 0.3rem;
	right: -3.0rem;
	width: 1.4rem;
	height: 1.4rem;
}
.box_accordion>dl>dt.active::after{
	top: 1.1rem;
}

.box_accordion>dl>dd{
	font-size: 1.6rem;
	line-height: 2.4rem;
}

.div_destination>span{
	font-size: 2.0rem;
	line-height: 2.4rem;
}

.open_welfare,
.open_destination{
	padding-top: 0.5rem;
	padding-right: 2.4vw;
}
.open_welfare::after,
.open_destination:after{
	width: 1.0rem;
	height: 1.0rem;
	bottom: 0.8rem;
}
.box_welfare,
.box_destination{
	width: 100.0rem;
	padding: 2.0rem;
}
.box_welfare>div>h4,
.box_destination>div>h4{
	font-size: 2.4rem;
	padding-bottom: 2.0rem;
}
.box_welfare>div>p,
.box_destination>div>p{
	padding-top: 1.0rem;
	font-size: 1.6rem;
}
.box_welfare>div>span.btn_close_welfare,
.box_destination>div>span.btn_close_destination{
	font-size: 2.0rem;
	padding: 1.0rem;
}

.open_checklist{
	padding-top: 0.5rem;
	padding-right: 2.4vw;
}
.open_checklist::after{
	width: 1.0rem;
	height: 1.0rem;
	bottom: 0.8rem;
}
.box_checklist_eng{
	width: 100.0rem;
	padding: 2.0rem;
}

.box_welfare>div>table,
.box_destination>div>table{
	font-size: 1.6rem;
}
.box_welfare>div>table th,
.box_welfare>div>table td,
.box_destination>div>table th,
.box_destination>div>table td{
	padding: 1.0rem;
	height: 6.0rem;
}


.box_cardimg{
	width: 40%;
}

.tbl_calendar caption{
	font-size: 2.4rem;
}
.tbl_calendar tr th{
	font-size: 2.0rem;
}
.tbl_calendar tr td>span{
	padding: 2.4rem 0;
	font-size: 2.0rem;
}
.tbl_calendar tr td input[type="submit"]{
	padding: 2.0rem 0;
	font-size: 2.0rem;
}

.box_parking .tbl_calendar tr td>span{
	padding: 1vw 0;
}

.box_parking{
	width: 76.0rem;
}
.box_parking>h2{
	font-size: 2.0rem;
}
.box_parking>div.box_white{
	margin-top: 3.0rem;
}
.box_parking>div>p{
	margin: 0 auto;
	width: 60.0rem;
}
.btn_close{
	top: 1.0rem;
	right: 1.0rem;
	width: 3.6rem;
	height: 3.6rem;
	font-size: 3.6rem;
	line-height: 3.6vw;
}

.howto_box>dt{
	font-size: 1.6rem;
}
.howto_box>dd{
	font-size: 1.6rem;
}
.howto_box>dd>span{
	padding-left: 1.6rem;
}
.howto_box>dd>span::before{
	margin-left: -1.6rem;
}

.frm_reservation,
.frm_reservation_return,
.frm_user{
	padding-top: 2.0rem;
}
.frm_reservation>dt,
.frm_reservation_return>dt,
.frm_user>dt{
	font-size: 2.0rem;
}
.box_parking>div>p,
.frm_reservation>dt>p,
.frm_reservation_return>dt>p,
.frm_user>dt>p{
	font-size: 1.6rem;
	line-height: 2.4rem;
}
.frm_reservation>dt>span,
.frm_reservation_return>dt>span,
.frm_user>dt>span{
	padding-left: 1.0rem;
	font-size: 1.6rem;
	line-height: 2.0rem;
}
.frm_reservation>dd,
.frm_reservation_return>dd,
.frm_user>dd{
	margin-bottom: 2.0rem;
}

.frm_reservation.card>dd.box_double>div>p{
	top: 1.8rem;
	right: -4.6rem;
	font-size: 1.6rem;
}

.box_inquiry{
    border-top: 0.1rem solid #b7ccea;
    box-sizing: border-box;
	margin-top: 3.0rem;

}

.box_inquiry>p{
    font-size: 1.6rem;
	line-height: 2.4rem;
    margin-top: 1.0rem;
    margin-bottom: 1.0rem;
}

.box_inquiry>p>span.red{
    color: #d80000;
}

.frm_confirm{
}
.frm_confirm>dt{
	font-size: 1.6rem;
	line-height: 2.4rem;
}
.frm_confirm>dd{
	padding: 1.0rem 0;
	margin-bottom: 2.0rem;
	font-size: 2.0rem;
}
.frm_confirm>dd>p{
	margin-right: 8.0rem;
	font-size: 1.6rem;
}
.frm_confirm>dd>p>span{
	padding: 0;
	padding-left: 4.0rem;
	padding-right: 1.0rem;
	font-size: 2.0rem;
}
.frm_user>dt>p,
.frm_user>dd>p{
	font-size: 1.6rem;
	line-height: 2.4rem;
}

.frm_smartticket dl.frm_confirm{
	padding: 2.0rem;
}
ul.smart_ticket>li{
	padding: 3.0rem;
	font-size: 2.4rem;
	line-height: 250%;
	border-bottom: 0.5rem dashed #fff;
}
ul.smart_ticket>li:first-of-type{
	border-top: 0.5rem dashed #fff;
}
ul.smart_ticket>li>span::after{
	padding-left: 3.0rem;
}
label.sticket{
	margin-top: -2.5rem;
	left: 2.5rem;
	width: 5.0rem;
	height: 5.0rem;
	border: 1.0rem solid #fff;
}

label.sticket::before{
	top: -0.5rem;
	left: -0.5rem;
	width: 4.5rem;
	height: 4.5rem;
}
ul.smart_ticket>li.used::before{
	margin-top: -2.5rem;
	right: 2.5rem;
	width: 5.0rem;
	height: 5.0rem;
	border: 1.0rem solid #d80000;
}
ul.smart_ticket>li.used::after{
	margin-top: -2.8rem;
	right: 2.5rem;
	width: 5.0rem;
	height: 5.0rem;
	font-size: 1.8rem;
}
.box_expiration{
	font-size: 1.6rem;
	line-height: 3.0rem;
}

#submit_unlock{
	height: 5.0rem;
}
#submit_unlock>div.slide_box>p.gimmick{
	width: 10.0rem;
	height: 5.0rem;
}
#submit_unlock>div.slide_box>p.gimmick.wtouchon{
	transform: translateX(70.0rem);
}
#submit_unlock>div.slide_box>p.touch_box{
	width: 10.0rem;
	height: 5.0rem;
}


.box_result{
	padding: 2.0rem;
}

.box_result>p{
	font-size: 2.4rem;
}
.box_result>p.charge{
}
.box_result>p.charge::before{
	font-size: 1.6rem;
	margin-right: 8.0rem;
}
.box_result>p.charge::after{
}

/***(ADD) 2024.01.22 追加 K.Yoshida START */
.box_fare_result{
	padding: 2.0rem;
}

.box_fare_result>p{
	font-size: 2.4rem;
}
.box_fare_result>p.total_fare{
}
.box_fare_result>p.total_fare::before{
	font-size: 1.6rem;
	margin-right: 8.0rem;
}
.box_fare_result>p.total_fare::after{
}
.box_fare_result>p.discount{
}
.box_fare_result>p.discount::before{
	font-size: 1.6rem;
	margin-right: 8.0rem;
}
.box_fare_result>p.discount::after{
}
/***(ADD) 2024.01.22 追加 K.Yoshida END */

/***(ADD) 2026.08.12 I-26-0079 WEB割対応 K.Kawai START */
/* 運賃明細ボックス（PC） */
.fare_box_head{
	padding: 1.0rem;
	font-size: 1.8rem;
}
.fare_row{
	padding: 1.2rem 2.0rem;
}
.fare_row.normal>.fare_label{
	font-size: 1.6rem;
}
.fare_row.normal>.fare_amount{
	font-size: 2.2rem;
}
.fare_row.disc{
	padding-top: 0.6rem;
	padding-bottom: 0.6rem;
	padding-left: 4.0rem;
}
.fare_row.disc>.fare_label{
	font-size: 1.4rem;
}
.fare_row.disc>.fare_amount{
	font-size: 1.5rem;
}
.fare_row.smart{
	padding-top: 0.6rem;
}
.fare_row.smart>.fare_label{
	font-size: 1.6rem;
}
.fare_row.smart>.fare_amount{
	font-size: 2.4rem;
}
.fare_box>span,
.fare_box .fare_note{
	padding: 0 2.0rem 1.2rem 2.0rem;
	font-size: 1.4rem;
}
/***(ADD) 2026.08.12 I-26-0079 WEB割対応 K.Kawai END */

/***(ADD) 2026.08.12 I-26-0079 WEB割対応 K.Kawai START */
.fare_compare_title{
	font-size: 1.6rem;
}
table.fare_compare{
	font-size: 1.6rem;
}
table.fare_compare th,
table.fare_compare td{
	padding: 0.8rem 1.0rem;
}
/* 行見出しの左余白。スマホ版は 3.5vw だが、PC は横幅が広く効きすぎるため rem で上書きする */
table.fare_compare tbody th{
	padding-left: 1.4rem;
}
/***(ADD) 2026.08.12 I-26-0079 WEB割対応 K.Kawai END */


.box_result>span{
	margin-top: 1.0rem;
	font-size: 1.4rem;
	line-height: 120%;
}

span.details_toggle{
	margin-left: 90%;
	width: 10%;
	height: 5.0rem;
}
span.details_toggle::before{
	font-size: 3.0rem;
	padding: 1.0rem 0;
}
span.details_toggle::after{
	font-size: 1.6rem;
	padding: 1.7rem 0;
}

/***(ADD) 2019.11.28 追加 K.Yoshida START */
.box_msg{
	padding-bottom: 2.0rem;
	line-height: 150%;
}
/***(ADD) 2019.11.28 追加 K.Yoshida END */

/******************** form ********************/
input[type="text"],
input[type="mail"],
/***(ADD) 2019.05.09 type=email追加 K.Yoshida START */
input[type="email"],
/***(ADD) 2019.05.09 type=email追加 K.Yoshida END */
input[type="password"],
select,
textarea{
	margin-bottom: 2.0rem;
	padding: 1.0rem;
	font-size: 1.6rem;
}

.lb_radio{
	padding: 1.2rem 1.0rem 1.0rem 5.0rem;
}
.lb_check{
	padding: 1.2rem 1.0rem 1.0rem 3.6rem;
	font-size: 1.6rem;
}
/***(ADD) 2023.06.28 追加 K.Yoshida START */
.lb_check_big{
	padding: 1.2rem 1.0rem 1.0rem 3.6rem;
	font-size: 2.3rem;
}
.txt_policy{
    font-size: 1.6rem;
/***(ADD) 2023.07.06 追加 K.Yoshida START */
	color: #eb3939;
    font-weight: bold;
/***(ADD) 2023.07.06 追加 K.Yoshida END */
}
/***(ADD) 2023.06.28 追加 K.Yoshida END */

.btn_submit,
.btn_link{
	width: 60.0rem;
	margin-bottom: 4.0rem;
}
.btn_submit.single,
.btn_link.single,
.btn_slink.single,
.btn_tokutoku.single,
.btn_return.single{
	margin-top: 4.0rem;
}
/***(ADD) 2019.06.21 K.Yoshida START */
.btn_submit.none{
	display: none;
}
/***(ADD) 2019.06.21 K.Yoshida END */
.btn_slink{
	width: 46.0rem;
}
.btn_tokutoku{
	width: 60.0rem;
	font-size: 2.0rem;
}
.btn_tokutoku>img{
	width: 18.0rem
}
.box_counter>span{
	margin-top: 1.6rem;
	padding: 0 1.5rem;
	font-size: 1.6rem;
}
.box_counter>input[type="submit"],
.box_counter>p{
	padding: 1.2rem 1.2rem;
	font-size: 2.4rem;
}
.box_select::after{
	top: 3.2rem;
}
.box_double>.box_select::after{
	top: 2.8rem;
}

span.alert{
    font-size: 1.4rem !important;
	padding-bottom: 2.0rem !important;
}

.txt_link::after{
	margin-top: -0.6rem;
	width: 0.8rem;
	height: 0.8rem;
	border-top: 0.1rem solid #014099;
	border-right: 0.1rem solid #014099;
}

.bg_header{
	height: 6.0rem;
}

/***(ADD) 2019.06.04 name変更 K.Yoshida START */
span#txt_username-error,
span#txt_usernamekana-error{
	left: 50%;
}
/***(ADD) 2019.06.04 name変更 K.Yoshida END */

/***(ADD) 2019.10.08 M.Komono START */
.printbtn{
	display: block;
}
#btn_print{
	display: block;
	box-sizing: border-box;
	cursor: pointer;
	width: 46.0rem;
	margin: 0 auto;
	margin-bottom: 2.0rem;
	padding: 0.6rem;
	font-size: 1.4rem;
	color: #014099;
	text-align: center;
	font-weight: 800;
	background-color: #d1def0;
	border: 0.1rem solid #d1def0;
	border-radius: 2.4rem;
}
/***(ADD) 2019.10.08 M.Komono END */

/***(ADD) 2022.12.12 追加 K.Yoshida START */
.txt_red_small{
	color: #eb3939;
	font-size: 12.5px !important;
}

/***(ADD) 2022.12.12 追加 K.Yoshida END */

/******************** footer ********************/

footer{
	font-size: 1.4rem;
	padding: 1.2rem 0;
}

/***(ADD) 2023.12.05 追加 K.Yoshida START */
.josyaken_area ._lg_btn{
    width: clamp(200px,80%,560px);
}
/***(ADD) 2023.12.05 追加 K.Yoshida END */

/***(ADD) 2024.12.03 追加 K.Kawai START */
 .emergency{
    padding:0%;
 }
 /***(ADD) 2024.12.03 追加 K.Kawai END */
 /***(ADD) 2025.01.29 追加 K.Kawai START */
 .warn_cam{
     font-size:100%
 }
 .warn_holder{
     font-size:100%;
 }

  .warn_toddler{
     font-size:100%;
 }
 /***(ADD) 2025.01.29 追加 K.Kawai END */