@charset "UTF-8";

/******************** initial ********************/

html{
	font-size: 62.5%;
}
body{
	background: #f1f5f7;
	font-family: sans-serif;
	color: #000;
	position: relative;
	font-size: 1.4em;
	overflow-x: hidden;
}
a{
	cursor: pointer;
	color: #014099;
}
img{
	display: block;
	width: 100%;
	height: auto;
}


/******************** common ********************/

.display_pc{
	display: none;
}
.display_sp{
	display: initial;
}

.wrapper{
    font-size: 3.8vw;
	position: relative;
}

.txt_blue{
	color: #014099;
}

.txt_red{
	color: #eb3939;
}

/***(ADD) 2022.12.12 追加 K.Yoshida START */
.txt_red_small{
	color: #eb3939;
}

.txt_red_bold{
	color: #eb3939;
    text-align: center;
    font-weight: bold;
    line-height: normal;
}
/***(ADD) 2022.12.12 追加 K.Yoshida END */

/***(ADD) 2023.06.28 追加 K.Yoshida START */
.txt_red_bold_important{
	color: #eb3939 !important;
    font-weight: bold !important;
}

.txt_policy{
    font-size: 3.4vw;
/***(ADD) 2023.07.06 追加 K.Yoshida START */
	color: #eb3939 !important;
    font-weight: bold !important;
/***(ADD) 2023.07.06 追加 K.Yoshida END */
}
/***(ADD) 2023.06.28 追加 K.Yoshida END */

/***(ADD) 2023.09.15 追加 K.Yoshida START */
.txt_red_bold_left{
	color: #eb3939;
    font-weight: bold;
    line-height: normal;
}
/***(ADD) 2023.09.15 追加 K.Yoshida END */

.go_top{
	background-color: rgba(255, 255, 255, 0.6);
	width: 9.0vw;
	height: 9.0vw;
	border-radius: 50%;
	position: fixed;
	bottom: 2.0vw;
	right: 2.0vw;
	z-index: 101;
	cursor: pointer;
}
.go_top>p{
	display: block;
	position: relative;
	width: 9.0vw;
	height: 9.0vw;
}
.go_top>p::after{
	content: "▲";
	display: block;
	position: absolute;
	top: 2.5vw;
	left: 2.5vw;
	font-size: 4.0vw;
	color: #014099;
	opacity: 0.8;
}
.go_top>p>span{
	display: none;
}

span.telephone{
	display: block;
	position: relative;
	box-sizing: border-box;
	margin: 0 auto;
	font-size: 3.8vw;
	color: #014099;
	font-weight: 800;
	padding: 1.8rem;
	padding-left: 2.4rem;
}
span.telephone>a{
	position: relative;
}
span.telephone>a::after{
	content: "";
	display: block;
	position: absolute;
	top: 0.4rem;
	left: -2.4rem;
	width: 2.4rem;
	height: 2.4rem;
	background-image: url("/e-wing/img/icon_tel.svg");
	background-size: contain;
	background-repeat: no-repeat;
}

h3{
	display: block;
	box-sizing: border-box;
	padding: 0.5rem 0;
	font-size: 3.8vw;
	font-weight: 800;
	color: #014099;
}

hr{
	height: 0.1rem;
	width: 100%;
	margin: 1.5rem 0;
	background-color: #b7ccea;
	border: none;
}

/******************** header ********************/

header{
	background-color: #fff;
	position: fixed;
	top: 0;
	left: 0;
	height: 5.0rem;
	width: 100%;
	vertical-align: middle;
	box-shadow: 0 0.2rem 0.4rem -0.2rem #999;
	z-index: 100;
}
header div.box_loginout{
	display: inline-block;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	right: 0;
	width: 70%;
	height: 5.0rem;
	padding: 1.1rem;
	text-align: right;
}
header div.box_loginout .head_logingout p{
	display: inline-block;
	box-sizing: border-box;
	margin-right: 0.6rem;
	font-size: 1.2rem;
	color: #014099;
}
header div.box_loginout .head_logingout p::after{
	content: " 様";
}
header div.box_loginout .head_logingout a.btn_logout{
	display: inline-block;
	box-sizing: border-box;
	padding: 0.6rem 1.0rem;
	font-size: 1.2rem;
	color: #014099;
	text-align: center;
	font-weight: 800;
	background-color: #ffffff;
	border: 0.1rem solid #014099;
	border-radius: 2.0rem;
}

header>div>h1{
	display: block;
	width: 30%;
	height: 5.0rem;
}
header>div>h1>a{
	display: block;
	height: 100%;
}
header>div>h1>a>img{
	display: inline-block;
	box-sizing: border-box;
	width: auto;
	height: 3.6rem;
	padding: 1.0rem 0 0.6rem 1.2rem;
	vertical-align: top;
}
header>div>h1>a>span{
	display: inline-block;
	box-sizing: border-box;
    position: absolute;
	bottom: 0;
	left: 0;
	padding-left: 1.2rem;
	height: 1.4rem;
	line-height: 100%;
	font-size: 1.0rem;
	font-weight: 400;
	vertical-align: top;
	color: #000;
}

@media screen and (max-width: 320px){
	header>div>h1>a>img{
		padding-right: 0.5rem;
	}
}


/******************** translation ********************/


/******************** content ********************/

section.content{
	z-index: 1;
	margin: 0 auto;
	margin-top: 5.0rem;
	padding: 1.0rem;
	padding-bottom: 4.0rem;
	position: relative;
	overflow: hidden;
}

section.content h2{
	padding: 1.5rem 0;
	padding-bottom: 2.0rem;
	text-align: center;
	font-size: 4.2vw;
	color: #014099;
	font-weight: 800;
	line-height: 140%;
}

section.content h2>p{
	display: block;
	box-sizing: border-box;
	padding-bottom: 1.0rem;
}
section.content h2>p>span{
	display: inline-block;
	box-sizing: border-box;
	line-height: 100%;
	vertical-align: bottom;
}
section.content h2>p>img{
	display: inline-block;
	box-sizing: border-box;
	width: 60%;
	height: auto;
	vertical-align: bottom;
}

section.content form span.required{
	color: #d80000;
}

.box_text{
	margin: 0 auto;
	padding-bottom: 1.0rem;
	font-size: 3.8vw;
	line-height: 4.6vw;
}
.box_text p{
	text-align: center;
}
.box_text span{
	font-size: 3.4vw;
}
.box_text span.spticket_red{
    color:#d80000;
    font-size: 3.8vw;
}
.box_link{
	margin-top: 2.0rem;
}
.box_link p{
	padding: 1.0rem 0;
}
.box_white{
	display: block;
	box-sizing: border-box;
	position: relative;
	width: 100%;
	padding: 1.0rem;
	border: 0.1rem solid #bebebe;
	border-radius: 0.5rem;
	background-color: #ffffff;
	margin-bottom: 1.6rem;
}
.box_black{
	display: block;
	box-sizing: border-box;
	width: 100%;
	padding: 1.0rem;
	margin: 0 auto;
	font-size: 3.8vw;
	line-height: 140%;
	border: 0.1rem solid #000000;
	margin-bottom: 1.6rem;
}
.box_black>p{
}

.box_news{
	display: block;
	box-sizing: border-box;
	width: 100%;
	padding: 1.0rem;
	margin: 0 auto;
	font-size: 3.4vw;
	line-height: 120%;
	background-color: #ffeaea;
	margin-bottom: 1.6rem;
}
.box_news>p{
	padding-bottom: 1.6vw;
}
.box_news>p.news_title{
	color: #d80000;
	font-weight: 800;
}
.box_news>p.news_link{
	position: relative;
	padding-bottom: 0;
	padding-right: 2.4vw;
	text-align: right;
}
.box_news>p.news_link::after{
	content: "";
	display: inline-block;
	box-sizing: border-box;
	position: absolute;
	width: 1.6vw;
	height: 1.6vw;
	bottom: 1.4vw;
	right: 0;
	border: 0;
	border-top: solid 0.1rem #014099;
	border-right: solid 0.1rem #014099;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.box_news alert>p{
	padding-bottom: 0;
}

ul.box_date{
	display: block;
	box-sizing: border-box;
}

ul.box_date>li{
	display: inline-block;
	box-sizing: border-box;
	position: relative;
	line-height: 7.0vw;
	padding-left: 7.0vw;
	padding-right: 1.4vw;
	font-size: 3.4vw;
}
ul.box_date>li::before{
	content: "";
	display: inline-block;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	left: 0;
	width: 7.0vw;
	height: 7.0vw;
	border-radius: 0.5rem;
	background-color: #dde9ff;
}
ul.box_date>li:first-child::before{
	background-color: #d5f7cc;
}
.box_control{
	display: block;
	box-sizing: border-box;
	position: relative;
	padding: 0;
	margin: 0;
}
.box_control>input[type="submit"]{
	display: block;
	box-sizing: border-box;
	position: absolute;
	top: 1vw;
	width: 6vw;
	height: 6vw;
	font-size: 0;
	background: url("../img/arrow.png") no-repeat;
	background-size: contain;
}
.box_control>input[type="submit"]:first-of-type{
	left: 1vw;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
.box_control>input[type="submit"]:last-of-type{
	right: 1vw;
}

.box_accordion{
}
.box_accordion>dl{
}
.box_accordion>dl>dt{
	display: inline-block;
	box-sizing: border-box;
	position: relative;
	padding: 0.5rem 0;
	font-size: 3.8vw;
	color: #014099;
	cursor: pointer;
}
.box_accordion>dl>dt::after{
	content: "";
	display: inline-block;
	box-sizing: border-box;
	position: absolute;
	top: 0.5vw;
	right: -6vw;
	width: 3vw;
	height: 3vw;
	border-bottom: 0.1rem solid #014099;
	border-right: 0.1rem solid #014099;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.box_accordion>dl>dt.active::after{
	top: 2vw;
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
}

.box_accordion>dl>dd{
	display: none;
	box-sizing: border-box;
	padding-top: 0.5rem;
	color: initial;
	font-size: 3.4vw;
	font-weight: 100;
	line-height: 4.6vw;
}

.open_welfare{
	display: inline-block;
	box-sizing: border-box;
	position: relative;
	padding-top: 2vw;
	padding-right: 2.4vw;
	color: #014099;
	cursor: pointer;
}

.open_destination{
	display: inline-block;
	box-sizing: border-box;
	position: relative;
	padding-top: 2vw;
	padding-right: 2.4vw;
	color: #014099;
	font-size: 3.4vw;
	cursor: pointer;
}

.open_welfare::after{
	content: "";
	display: inline-block;
	box-sizing: border-box;
	position: absolute;
	width: 1.6vw;
	height: 1.6vw;
	bottom: 1.9vw;
	right: 0;
	border: 0;
	border-top: solid 0.1rem #014099;
	border-right: solid 0.1rem #014099;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.open_destination::after{
	content: "";
	display: inline-block;
	box-sizing: border-box;
	position: absolute;
	width: 1.6vw;
	height: 1.6vw;
	bottom: 1.9vw;
	right: 0;
	border: 0;
	border-top: solid 0.1rem #014099;
	border-right: solid 0.1rem #014099;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.box_welfare,
.box_destination,
.box_checklist_eng{
	display: none;
	box-sizing: border-box;
	position: fixed;
	width: 95%;
	margin: 0;
	padding: 2vw;
	z-index: 1001;
	background-color: #ffffff;
}
.box_destination>div{
	height: 24.0rem;
    overflow-y: scroll;
}
.box_welfare>div>h4,
.box_destination>div>h4{
	display: block;
	box-sizing: border-box;
	padding-bottom: 2vw;
}
.box_welfare>div>p,
.box_destination>div>p{
	display: block;
	box-sizing: border-box;
	padding-top: 2vw;
	font-size: 3.0vw;
	text-align: right;
}
.box_welfare>div>span.btn_close_welfare,
.box_destination>div>span.btn_close_destination,
.box_checklist_eng>div>span.btn_close_checklist{
	display: inline-block;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	right: 0;
	padding: 2vw;
	cursor: pointer;
}

.box_welfare>div>table,
.box_destination>div>table{
	display: table;
	box-sizing: border-box;
	width: 100%;
	font-size: 3.0vw;
}
.box_welfare>div>table th,
.box_welfare>div>table td,
.box_destination>div>table th,
.box_destination>div>table td{
	display: table-cell;
	box-sizing: border-box;
	padding: 2vw;
	height: 12vw;
	text-align: center;
	border: 0.1rem solid #cccccc;
}
.box_welfare>div>table th,
.box_destination>div>table th{
	width: 20%;
}
.box_welfare>div>table td,
.box_destination>div>table td{
	width: 16%;
}

.bg_welfare,
.bg_checklist,
.bg_destination{
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
	top: 0;
	left: 0;
	z-index: 1000;
}
.open_checklist{
	display: inline-block;
	box-sizing: border-box;
	position: relative;
	padding-top: 2vw;
	padding-right: 2.4vw;
	color: #014099;
	cursor: pointer;
}
.open_checklist::after{
	content: "";
	display: inline-block;
	box-sizing: border-box;
	position: absolute;
	width: 1.6vw;
	height: 1.6vw;
	bottom: 1.9vw;
	right: 0;
	border: 0;
	border-top: solid 0.1rem #014099;
	border-right: solid 0.1rem #014099;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.box_checklist{
	display: block;
	box-sizing: border-box;
	margin: 1.0rem;
	padding: 1.0rem;
	height: 20.0rem;
	overflow: hidden;
	border: 0.1rem solid #707070;
	border-radius: 1.0rem;
	background-color: #ffffff;
}
.box_checklist>p,
.box_checklist_eng>div>p{
	display: block;
	box-sizing: border-box;
	margin: 1.0rem;
	height: 16.0rem;
	overflow-y: scroll;
	line-height: 130%;
}
.box_checklist>p>span.red,
.box_checklist_eng>div>p>span.red{
	color: #d80000;
}
.tbl_calendar{
	display: table;
	box-sizing: border-box;
	width: 100%;
	text-align: center;
	margin-bottom: 3.0rem;
}
.tbl_calendar caption{
	padding: 1.0rem 0;
	font-size: 4.2vw;
	font-weight: 800;
}
.tbl_calendar tr th{
	font-size: 3.6vw;
	font-weight: 100;
	padding: 1.0rem 0.5rem;
}
.tbl_calendar tr th:nth-last-child(2),
.tbl_calendar tr td:nth-last-child(2)  span,
.tbl_calendar tr td:nth-last-child(2) input[type="submit"]{
	color: #014099;
}
.tbl_calendar tr th:last-child,
.tbl_calendar tr td:last-child span,
.tbl_calendar tr td:last-child input[type="submit"]{
	color: #eb3939;
}
.tbl_calendar tr th,
.tbl_calendar tr td{
	border-bottom: 0.1rem solid #cccccc;
	padding: 1.0rem 0;
}
.tbl_calendar tr td input[type="submit"]{
	display: block;
	box-sizing: border-box;
	width: 90%;
	margin: 0 auto;
	padding: 2.6vw 0;
	border-radius: 0.5rem;
	font-size: 4.2vw;
	font-weight: 800;
	background-color: #dde9ff;
    /***(ADD) 2023.12.10 追加 K.Kawai START */
    color: #000;
    /***(ADD) 2023.12.10 追加 K.Kawai END */
}
.tbl_calendar tr td.today input[type="submit"]{
	background-color: #d5f7cc;
}
.tbl_calendar tr td>span{
	display: block;
	box-sizing: border-box;
	width: 90%;
	margin: 0 auto;
	padding: 2.6vw 0;
	font-size: 4.2vw;
	font-weight: 800;
}
.box_parking .tbl_calendar{
	margin-bottom: 1.0rem;
}
.box_parking .tbl_calendar tr td>span{
	padding: 1vw 0;
}

.bg_parking{
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
	top: 0;
	left: 0;
	z-index: 1000;
}
.box_parking{
	display: none;
	box-sizing: border-box;
	position: fixed;
	width: 95%;
	margin: 0;
	padding: 1.0rem;
	z-index: 1001;
	background-color: #f1f5f7;
}
.box_parking>h2{
	display: block;
	box-sizing: border-box;
	padding: 0.5rem 0;
	text-align: center;
	font-size: 4.2vw;
	color: #014099;
	font-weight: 800;
	line-height: 2.0rem;
}
.box_parking>div.box_white{
	margin-top: 3vw;
}
.btn_close{
	display: inline-block;
	box-sizing: border-box;
	position: absolute;
	top: 2vw;
	right: 2vw;
	padding: 0;
	margin: 0;
	width: 6vw;
	height: 6vw;
	font-size: 6vw;
	color: #014099;
	text-align: center;
	line-height: 6vw;
	cursor: pointer;
}
.howto_box{
	padding-top: 1.0rem;
}
.howto_box>dt{
	display: block;
	box-sizing: border-box;
	padding: 0.5rem 0;
	font-size: 3.8vw;
	font-weight: 800;
	color: #014099;
}
.howto_box>dd{
	display: block;
	box-sizing: border-box;
	padding: 0.5rem 0;
	margin-bottom: 1.0rem;
	font-size: 3.6vw;
	line-height: 140%;
}
.howto_box>dd>span{
	display: block;
	padding-left: 3.6vw;
}
.howto_box>dd>span::before{
	content: "※";
	margin-left: -3.6vw;
}
.frm_reservation,
.frm_reservation_return.top{
	padding-top: 1.0rem;
	border-top: 0.1rem solid #b7ccea;
}

.frm_reservation>dt,
.frm_reservation_return>dt{
	display: block;
	box-sizing: border-box;
	padding: 0.5rem 0;
	font-size: 3.8vw;
	font-weight: 800;
	color: #014099;
}
.box_parking>div>p,
.frm_reservation>dt>p,
.frm_reservation_return>dt>p{
	display: block;
	box-sizing: border-box;
	padding-top: 0.5rem;
	color: initial;
	font-size: 3.4vw;
	font-weight: 100;
	line-height: 4.6vw;
}
.frm_reservation>dt>span,
.frm_reservation_return>dt>span{
	display: inline-block;
	box-sizing: border-box;
	padding-left: 3vw;
	color: initial;
	font-size: 3.4vw;
	font-weight: 100;
}

.frm_reservation>dd,
.frm_reservation_return>dd{
	display: block;
	box-sizing: border-box;
	padding: 0.5rem 0;
	margin-bottom: 1.0rem;
}
.frm_reservation>dd>p.terminal,
.frm_reservation_return>dd>p.terminal{
	display: block;
	box-sizing: border-box;
	padding: 0.5rem 0;
	font-weight: 100;
	color: #014099;
}
.frm_reservation>dd:nth-of-type(-n+2),
.frm_reservation_return>dd.border{
	border-bottom: 0.1rem solid #b7ccea;
}
.frm_reservation.parking,
.frm_reservation.change,
.frm_reservation.card,
.frm_reservation.desc,
.frm_reservation_return.parking,
.frm_reservation_return.change{
	border-top: none;
}
.frm_reservation.parking>dd,
.frm_reservation.card>dd,
.frm_reservation_return.parking>dd{
	border-bottom: none;
}

.box_inquiry{
    border-top: 0.1rem solid #b7ccea;
    box-sizing: border-box;
	margin-top: 3.0rem;
}

.box_inquiry>p{
    font-size: 3.4vw;
	font-weight: 100;
	line-height: 4.6vw;
    margin-top: 1.0rem;
    margin-bottom: 1.0rem;
}

.box_inquiry>p>span.red{
    color: #d80000;
}

.frm_reservation.card>dd.box_double{
	color: #014099;
}
.frm_reservation.card>dd.box_double>div,
.frm_reservation.card>dd.box_short>input[type="text"]{
	display: inline-block;
	box-sizing: border-box;
	position: relative;
	width: 40%;
	margin-right: 9%;
}
.frm_reservation.card>dd.box_double>div>p{
	display: inline-block;
	box-sizing: border-box;
	position: absolute;
	top: 4.6vw;
	right: -7vw;
	font-size: 3.8vw;
	font-weight: 800;
	color: #014099;
}
.frm_confirm{
	padding-top: 1.0rem;
}
.frm_confirm>dt{
	font-size: 3.4vw;
	font-weight: 100;
}

.frm_confirm>dd{
	padding: 3vw 0;
	margin-bottom: 4vw;
	font-size: 4.2vw;
	font-weight: 800;
	border-bottom: 0.1rem solid #707070;
}
.frm_confirm>dd>p{
	display: inline-block;
	box-sizing: border-box;
	margin-right: 4vw;
	font-size: 3.4vw;
	font-weight: 100;
}
.frm_confirm>dd>p>span{
	display: inline-block;
	box-sizing: border-box;
	padding: 0 2vw;
	font-size: 4.2vw;
	font-weight: 800;
}
div.box_toggle>dl.frm_confirm{
	padding-top: 0;
}

.frm_smartticket dl.frm_confirm{
	padding: 3.0vw;
	background-color: #fff;
}

ul.smart_ticket{
	background-color: #008d6d;
}

ul.smart_ticket>li{
	display: inline-block;
	box-sizing: border-box;
	position: relative;
	width: 100%;
	padding: 5.0vw;
	font-size: 5.0vw;
	color: #fff;
	line-height: 250%;
	text-align: center;
	border-bottom: 0.5vw dashed #fff;
}
ul.smart_ticket>li:first-of-type{
	border-top: 0.5vw dashed #fff;
}
ul.smart_ticket>li.used{
	background-color: #ccc;
}
ul.smart_ticket>li>span{
	display: inline-block;
	box-sizing: border-box;
	vertical-align: middle;
}
ul.smart_ticket>li>span::after{
	content: "チケット";
	padding-left: 4.0vw;
}

label.sticket{
	display: inline-block;
	box-sizing: border-box;
	position: absolute;
	top: 50%;
	margin-top: -5.0vw;
	left: 5.0vw;
	width: 10.0vw;
	height: 10.0vw;
	border: 1.5vw solid #fff;
	border-radius: 50%;
	vertical-align: middle;
}

label.sticket::before{
	content: "";
	display: inline-block;
	box-sizing: border-box;
	position: absolute;
	top: -0.5vw;
	left: -0.5vw;
	width: 9.0vw;
	height: 9.0vw;
	background-color: #fff;
	-webkit-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
	opacity: 0;
	border-radius: 50%;
}

ul.smart_ticket>li.used::before{
	content: "";
	display: inline-block;
	box-sizing: border-box;
	position: absolute;
	top: 50%;
	margin-top: -5.0vw;
	right: 5.0vw;
	width: 10.0vw;
	height: 10.0vw;
	border: 1.5vw solid #d80000;
	border-radius: 50%;
	vertical-align: middle;
}
ul.smart_ticket>li.used::after{
	content: "済";
	display: inline-block;
	box-sizing: border-box;
	position: absolute;
	top: 50%;
	margin-top: -5.8vw;
	right: 5.0vw;
	width: 10.0vw;
	height: 10.0vw;
	color: #d80000;
	font-size: 4.0vw;
	font-weight: 800;
	vertical-align: middle;
	transform: rotate(20deg);
}

input[type="checkbox"]:checked + .sticket::before{
	opacity: 1;
}

.box_expiration{
	margin: 0 auto;
	margin-bottom: 2.0rem;
	padding-bottom: 1.0rem;
	font-size: 3.8vw;
	line-height: 4.6vw;
	text-align:center;
}

#submit_unlock{
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 10.0vw;
}
#submit_unlock>div.slide_box{
	display: inline-block;
	box-sizing: border-box;
	position: relative;
	width: 100%;
}
#submit_unlock>div.slide_box>p.gimmick{
	display: inline-block;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	left: 0;
	width: 25.0vw;
	height: 10.0vw;
}
#submit_unlock>div.slide_box>p.gimmick>img{
	transform: scale(-1, 1);
}
#submit_unlock>div.slide_box>p.gimmick.wtouchon{
	transform: translateX(69.0vw);
	transition-duration: 0.5s
}
#submit_unlock>div.slide_box>p.touch_box{
	display: inline-block;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	right: 0;
	width: 25.0vw;
	height: 10.0vw;
}


div.box_toggle{
	display: none;
}
div.box_toggle.active{
	display: block;
}

.frm_user{
	padding-top: 1.0rem;
}
.frm_user>dt{
	display: block;
	box-sizing: border-box;
	padding: 0.5rem 0;
	font-size: 3.8vw;
	font-weight: 800;
	color: #014099;
}
.frm_user>dt>p,
.frm_user>dd>p{
	display: block;
	box-sizing: border-box;
	padding-top: 0.5rem;
	color: initial;
	font-size: 3.4vw;
	font-weight: 100;
	line-height: 4.6vw;
}
.frm_user>dt>span{
	display: inline-block;
	box-sizing: border-box;
	padding-left: 3vw;
	font-size: 3.4vw;
	font-weight: 100;
}
.frm_user>dt>span.required{
	color: #d80000;
}

.frm_user>dd{
	display: block;
	box-sizing: border-box;
	padding: 0.5rem 0;
	margin-bottom: 1.0rem;
}

.box_complete{
	display: block;
	box-sizing: border-box;
	padding: 1.0rem;
	border: 0.1rem solid #707070;
}

.box_fare{
	display: block;
	box-sizing: border-box;
	position: relative;
	width: 100%;
	padding: 0 !important;
	padding-left: 15% !important;
	font-size: 3.8vw;
	line-height: 160%;
}
.box_fare::before{
	content: "運賃";
	display: inline-block;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	left: 0;
}
.box_fare>span{
	margin-right: 2.0rem;
}

.box_result{
	display: block;
	box-sizing: border-box;
	padding: 4vw;
	border: 0.2rem solid #000000;
/***(ADD) 2023.12.05 追加 K.Yoshida START */
    margin-bottom: 30px;
/***(ADD) 2023.12.05 追加 K.Yoshida END */
}

.box_result>p{
	display: inline-block;
	box-sizing: border-box;
	position: relative;
	font-size: 5.6vw;
	font-weight: 800;
}
.box_result>p.charge{
	
}
.box_result>p.charge::before{
	content: "合計運賃";
	font-size: 3.4vw;
	font-weight: 100;
	margin-right: 6vw;
}
.box_result>p.charge::after{
	content: "円";
	display: inline-block;
	box-sizing: border-box;
}

.box_result>span{
	display: block;
	box-sizing: border-box;
	margin-top: 3vw;
	font-size: 3.4vw;
	font-weight: 100;
	line-height: 4.6vw;
}
.box_result>span.reserveno{
	margin-top: 0;
	margin-bottom: 2vw;
}

/***(ADD) 2024.01.22 追加 K.Yoshida START */
.box_fare_result{
	display: block;
	box-sizing: border-box;
	padding: 4vw;
	border: 0.2rem solid #000000;
    margin-bottom: 30px;
}
.box_fare_result>p{
    display: block;
	box-sizing: border-box;
	position: relative;
	font-size: 5.6vw;
	font-weight: 800;
}
.box_fare_result>p.total_fare{
	
}
.box_fare_result>p.total_fare::before{
	content: "合計運賃 　　　　　";
	font-size: 3.4vw;
	font-weight: 100;
    margin-right: 10%;
}
.box_fare_result>p.total_fare::after{
	content: "円";
	display: inline-block;
	box-sizing: border-box;
}

.box_fare_result>p.discount::before{
	content: "割引適用後金額";
	font-size: 3.4vw;
	font-weight: 100;
    margin-right: 10%;
}
.box_fare_result>p.discount::after{
	content: "円";
	display: inline-block;
	box-sizing: border-box;
}

/***(ADD) 2024.01.22 追加 K.Yoshida END */


/***(ADD) 2024.01.22 追加 Y.Kodama START */
#div_discount_explain{
    padding-bottom: 20px;
}
/***(ADD) 2024.01.22 追加 Y.Kodama END */

/***(ADD) 2026.08.12 I-26-0079 WEB割対応 K.Kawai START */
/* ============================================================
   運賃明細ボックス（F-02 / F-03 / F-05 / F-06 / F-07 / F-08）
   ============================================================ */
.fare_box{
	display: block;
	box-sizing: border-box;
	width: 100%;
	border: 0.1rem solid #014099;
	margin-bottom: 30px;
	overflow: hidden;            /* 角の内側を枠に収める */
}

/* 青ヘッダー ------------------------------------------------ */
.fare_box_head{
	display: block;
	box-sizing: border-box;
	padding: 2vw;
	background-color: #014099;
	color: #ffffff;
	font-size: 3.8vw;
	font-weight: 800;
	text-align: center;
	line-height: 140%;
}

/* 明細1行の共通 --------------------------------------------- */
/*  ★ display に依存しないレイアウトにすること。
       VB側の表示制御が Style.Add("display","block") でインラインスタイルを
       当てるため、flex を使うと space-between が効かず金額が左に寄る。
       float なら親が block でも flex でも同じ見た目になる。            */
.fare_row{
	display: block;
	box-sizing: border-box;
	padding: 2.5vw 4vw;
	line-height: 140%;
	overflow: hidden;            /* float の解除 */
}
.fare_row>.fare_label{
	display: inline-block;
	box-sizing: border-box;
	float: left;
	max-width: 60%;              /* 文言が長いときに金額が下へ落ちるのを防ぐ */
	padding-right: 2vw;
}
.fare_row>.fare_amount{
	display: inline-block;
	box-sizing: border-box;
	float: right;
	white-space: nowrap;         /* 「-2,000円」を折り返さない */
	text-align: right;
}

/* ①（通常合計運賃 N）--------------------------------------- */
.fare_row.normal{
	background-color: #ffffff;
	color: #000000;
}
.fare_row.normal>.fare_label{
	font-size: 3.4vw;
	font-weight: 400;
}
.fare_row.normal>.fare_amount{
	font-size: 5.0vw;
	font-weight: 800;
}

/* スマホチケット領域（②＋割引行）--------------------------- */
.fare_smart_area{
	display: block;
	box-sizing: border-box;
	background-color: #eef7f2;
	border-top: 0.1rem solid #014099;
}

/* 割引行（S / D）------------------------------------------- */
.fare_row.disc{
	color: #008a3c;
	padding-top: 1.5vw;
	padding-bottom: 1.5vw;
	padding-left: 8vw;           /* インデント */
}
.fare_row.disc>.fare_label{
	font-size: 3.0vw;
	font-weight: 400;
}
.fare_row.disc>.fare_amount{
	font-size: 3.4vw;
	font-weight: 400;
}

/* ②（支払額 P = W - D）------------------------------------ */
.fare_row.smart{
	color: #008a3c;
	padding-top: 1.5vw;
}
.fare_row.smart>.fare_label{
	font-size: 3.4vw;
	font-weight: 400;
}
.fare_row.smart>.fare_amount{
	font-size: 5.6vw;
	font-weight: 800;
}

/* ボックス内の注記（※駐車料金は含まれません 等）------------ */
.fare_box>span,
.fare_box .fare_note{
	display: block;
	box-sizing: border-box;
	padding: 0 4vw 2.5vw 4vw;
	font-size: 3.0vw;
	font-weight: 400;
	line-height: 130%;
}

/* 明細の下に置く注記（F-02 / F-03）-------------------------- */
/* 既存 #div_discount_explain をリネームしたもの。値は既存と同一 */
#div_fare_explain{
	padding-bottom: 20px;
}
/***(ADD) 2026.08.12 I-26-0079 WEB割対応 K.Kawai END */

/***(ADD) 2026.08.12 I-26-0079 WEB割対応 K.Kawai START */
/* ============================================================
   運賃比較表（F-01 予約入力・単価）
   ============================================================ */
.fare_compare_wrap{
	display: block;
	box-sizing: border-box;
	width: 100%;
}
.fare_compare_title{
	display: block;
	box-sizing: border-box;
	font-size: 3.8vw;
	line-height: 160%;
	margin-bottom: 1vw;
	color: #014099;
	font-weight: 700;
}
table.fare_compare{
	width: 100%;
	border-collapse: collapse;
	font-size: 3.4vw;
	line-height: 140%;
	background-color: #ffffff;
	border: 0.1rem solid #d9d9d9;
}
table.fare_compare th,
table.fare_compare td{
	box-sizing: border-box;
	padding: 1.5vw 2vw;
	text-align: center;
	vertical-align: middle;
}
table.fare_compare thead th{
	background-color: #f5f7fa;
	border-bottom: 0.2rem solid #014099;
	color: #014099;
	font-weight: 700;
}
table.fare_compare tbody th{
	text-align: left;
	padding-left: 3.5vw;
	background-color: #fafbfc;
	color: #333333;
	font-weight: 700;
}
table.fare_compare tbody td{
	color: #555555;
}
table.fare_compare tbody tr+tr th,
table.fare_compare tbody tr+tr td{
	border-top: 0.1rem solid #d9d9d9;
}
/* スマホチケット列は強調 */
table.fare_compare td.web_cell,
table.fare_compare thead th#th_webFare{
	color: #014099;
	font-weight: 800;
}

/* 外側の黒枠を消す --------------------------------------------
   運賃比較表は #div_box_black（class="box_black"）の中に置かれるため、
   そのままだと黒い枠と余白が表の外側に出る。画面イメージには枠が無い。

   ★ .box_black 自体は書き換えない。
     同じ id・同じクラスの箱を MaaS（maas/new_area_select.aspx）も使っており、
     MaaS はWEB割の対象外のため、見た目を変えてはいけない。
     見分けが付くのは「中に .fare_compare_wrap があるかどうか」だけなので、
     :has() で運賃比較表を含む箱に限って打ち消す。
     MaaS 側の中身は <p class="box_fare"> であり、この指定には当たらない。

   ※ :has() に対応しない古いブラウザでは、この1ブロックだけが無視され
     黒枠が残る。表そのものの見た目は他の指定で保たれる。
------------------------------------------------------------- */
.box_black:has(.fare_compare_wrap){
	padding: 0;
	border: none;
}
/***(ADD) 2026.08.12 I-26-0079 WEB割対応 K.Kawai END */

/***(ADD) 2026.09.11 I-26-0079 WEB割対応 E.Sato START */
.box_scroll {
	display: block;
	box-sizing: border-box;
	margin: 1.0rem;
	padding: 1.0rem;
	max-height: 16.0rem;
	overflow-y: auto;
	border: 0.1rem solid #707070;
	border-radius: 1.0rem;
	background-color: #ffffff;
	line-height: 140%;
}
/***(ADD) 2026.09.11 I-26-0079 WEB割対応 E.Sato END */

.box_cardimg{
	margin-top: 0.5rem;
	margin-bottom: 1.0rem;
	width: 60%;
}

span.details_toggle{
	display: inline-block;
	box-sizing: border-box;
	position: relative;
	margin-left: 80%;
	width: 20%;
	height: 10.2vw;
	color: #014099;
	cursor: pointer;
}
span.details_toggle::before{
	content: "＋";
	display: inline-block;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 6.0vw;
	font-weight: 800;
	padding: 3.0vw 0;
}
span.details_toggle::after{
	content: "詳細";
	display: inline-block;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	right: 0;
	font-size: 4.0vw;
	padding: 4.0vw 0;
}
span.details_toggle.active::before{
	content: "－";
}
span.details_toggle.active::after{
	content: "閉じる";
}

/***(ADD) 2019.11.28 追加 K.Yoshida START */
.box_msg{
	margin: 0 auto;
	padding-bottom: 1.0rem;
	font-size: 1.6rem;
	line-height: 4.6vw;
}
.box_msg p{
	text-align: center;
}
.box_msg span{
	font-size: 1.6rem;
}
.msg_color{
	font-size: 1.6rem;
    color: red;
}
/***(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{
	display: block;
	box-sizing: border-box;
	position: relative;
	width: 100%;
	background-color: #ffffff;
	border: 0.1rem solid #bebebe;
	border-radius: 0.3rem;
	padding: 3vw;
	margin-bottom: 1.0rem;
	font-size: 3.8vw;
}

input[type="submit"],
input[type="button"]{
	cursor: pointer;
}

input[type="radio"],
input[type="checkbox"]{
	display: none;
}
.lb_radio{
	display: block;
	box-sizing: border-box;
	position: relative;
	margin: 0 2.0rem 0.8rem 0;
	padding: 2.6vw 2vw 2vw 12vw;
}
.lb_check{
	display: block;
	box-sizing: border-box;
	position: relative;
	margin: 0 2.0rem 0.8rem 0;
	padding: 2.6vw 2vw 2vw 10vw;
	font-size: 3.8vw;
	color: #014099;
}
.lb_check_big{
	display: block;
	box-sizing: border-box;
	position: relative;
	margin: 0 2.0rem 0.8rem 0;
	padding: 2.6vw 2vw 2vw 10vw;
	font-size: 4.2vw;
	color: #014099;
}
.lb_check>a,
.lb_check_big>a{
	text-decoration: underline;
}
.lb_check.note,
.lb_check_big.note{
	color: initial;
}
.lb_radio::before{
	-webkit-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
	position: absolute;
	top: 50%;
	left: 1.5rem;
	display: block;
	margin-top: -0.7rem;
	width: 1.4rem;
	height: 1.4rem;
	border-radius: 50%;
	background-color: #014099;
	content: "";
	opacity: 0;
}
.lb_check::before,
.lb_check_big::before {
	-webkit-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
	position: absolute;
	top: 50%;
	left: 0.8rem;
	display: block;
	margin-top: -0.9rem;
	width: 0.6rem;
	height: 1.2rem;
	border-right: 0.2rem solid #36A843;
	border-bottom: 0.2rem solid #36A843;
	content: '';
	opacity: 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
input[type="radio"]:checked + .lb_radio::before,
input[type="checkbox"]:checked + .lb_check::before,
input[type="checkbox"]:checked + .lb_check_big::before{
	opacity: 1;
}
.lb_radio::after{
	position: absolute;
	content: "";
	top: 50%;
	left: 1.2rem;
	display: block;
	margin-top: -1.0rem;
	width: 1.8rem;
	height: 1.8rem;
	border: 0.1rem solid #707070;
	border-radius: 50%;
}
.lb_check::after,
.lb_check_big::after{
	position: absolute;
	content: "";
	top: 50%;
	left: 0.2rem;
	display: block;
	margin-top: -1.0rem;
	width: 1.8rem;
	height: 1.8rem;
	border: 0.1rem solid #707070;
	border-radius: 0.4rem;
}

.box_select,
.box_counter{
	position: relative;
	z-index: 10;
}
.box_counter{
	text-align: right;
}
.box_counter>span{
	display: inline-block;
	box-sizing: border-box;
	margin-top: 5.0vw;
	padding: 0 3vw;
	font-size: 3.4vw;
	font-weight: 800;
	color: #014099;
}
.box_select::after{
	content: "";
	display: inline-block;
	box-sizing: border-box;
	position: absolute;
	width: 1.0rem;
	height: 1.0rem;
	top: 8.5vw;
	right: 1.5rem;
	margin-top: -1.2rem;
	border: 0;
	border-bottom: solid 0.1rem #014099;
	border-right: solid 0.1rem #014099;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	z-index: 11;
}
.box_double>.box_select::after{
	top: 7.5vw;
}

.box_counter>input[type="text"]{
	display: inline-block;
	width: 30%;
	text-align: right;
	vertical-align: top;
}

.box_counter>input[type="submit"],
.box_counter>p{
	display: inline-block;
	box-sizing: border-box;
	position: relative;
	cursor: pointer;
	background-color: #ffffff;
	margin-bottom: 1.0rem;
	padding: 3.0vw 3.0vw;
	border: 0.1rem solid #bebebe;
	border-radius: 0.3rem;
	font-size: 5.6vw;
	color: #014099;
	vertical-align: top;
}

.btn_submit{
	display: block;
	box-sizing: border-box;
	width: 100%;
	margin: 0 auto;
	margin-bottom: 2.0rem;
	padding: 1.2rem;
	font-size: 3.8vw;
	color: #ffffff;
	text-align: center;
	font-weight: 800;
	line-height: 160%;
	background-color: #014099;
	border: 0.1rem solid #014099;
	border-radius: 6.0vw;
}

.btn_link{
	display: block;
	box-sizing: border-box;
	width: 100%;
	margin: 0 auto;
	margin-bottom: 2.0rem;
	padding: 1.2rem;
	font-size: 4.2vw;
	color: #014099;
	text-align: center;
	font-weight: 800;
	background-color: #ffffff;
	border: 0.1rem solid #014099;
	border-radius: 2.4rem;
}

.btn_tokutoku{
	display: block;
	box-sizing: border-box;
	position: relative;
	width: 100%;
	margin: 0 auto;
	margin-bottom: 2.0rem;
	padding: 1.2rem;
	font-size: 4.2vw;
	color: #ffffff;
	text-align: center;
	font-weight: 800;
	background-color: #020c48;
	border: 0.1rem solid #020c48;
	border-radius: 1.0rem;
}
.btn_tokutoku>img{
	display: inline-block;
	box-sizing: border-box;
	margin-right: 2%;
	width: 40%;
	height: auto;
	vertical-align: middle;
}
.btn_tokutoku>span{
	display: block;
	box-sizing: border-box;
	position: absolute;
	bottom: 1.0rem;
	right: 1.0rem;
	font-size: 1.6rem;
	font-weight: 100;
	color: #fa8833;
}
.btn_slink{
	display: block;
	box-sizing: border-box;
	width: 80%;
	margin: 0 auto;
	margin-bottom: 2.0rem;
	padding: 0.6rem;
	font-size: 3.4vw;
	color: #014099;
	text-align: center;
	font-weight: 800;
	background-color: #ffffff;
	border: 0.1rem solid #014099;
	border-radius: 2.4rem;
}
/***(ADD) 2019.09.18 M.Komono START */
.btn_return{
	display: block;
	box-sizing: border-box;
	width: 90%;
	margin: 0 auto;
	margin-bottom: 2.0rem;
	padding: 1.8rem;
	font-size: 2.4vw;
	color: #ffffff;
	text-align: center;
	font-weight: 800;
	background-color: #007f03;
	border: 0.1rem solid #014099;
	border-radius: 4.0rem;
}
.btn_return>span{
    font-size: 4.8vw;
}
/***(ADD) 2019.09.18 M.Komono END   */
.btn_back{
	background-color: #d1def0;
	border: 0.1rem solid #d1def0;
}

.btn_submit.single,
.btn_link.single,
.btn_slink.single,
.btn_tokutoku.single,
.btn_return.single{
	margin-top: 2.0rem;
	cursor: pointer;
}

/***(ADD) 2019.06.21 K.Yoshida START */
.btn_submit.none{
	display: none;
}
/***(ADD) 2019.06.21 K.Yoshida END */

.inactive{
	color: #cccccc;
	background-color: #999999;
	border: 0.1rem solid #999999;
    /* 2019.05.29 K.Mogi クリック・タッチイベントを無効化 Add */
    pointer-events:none
}
.txt_link{
	display: inline-block;
	box-sizing: border-box;
	position: relative;
	padding: 0 1.4rem;
}
.txt_link::after{
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -1.0vw;
	width: 1.6vw;
	height: 1.6vw;
	border-top: 0.3vw solid #014099;
	border-right: 0.3vw solid #014099;
	transform: rotate(45deg);
}
.txt_link_tokutoku{
    margin-left: -1.4rem;
}

.box_double{
	position: relative;
}
.box_double>input[type="text"]{
	display: inline-block;
	width: 49%;
}
.box_double>input[type="text"].alert{
	margin-bottom: 3.0rem;
}
span.system-error{
	display: none;
	margin-top: 3.0rem;
	text-align: center;
}
span.system-error-top{
	display: none;
	text-align: center;
}

span.alert{
	display: block !important;
	box-sizing: border-box !important;
	padding: 0 0 1.0rem 1.0rem !important;
	color: #ff0000 !important;
}
span.alert-top{
	display: none;
	box-sizing: border-box !important;
	padding: 0 0 1.0rem 1.0rem !important;
	color: #ff0000 !important;
}


.box_double>span.alert{
	position: absolute;
	left: 0;
	bottom: 0;
}

input[type="text"].alert,
input[type="mail"].alert,
input[type="password"].alert,
select.alert,
textarea.alert{
	border: 0.1rem solid #ff0000;
}


span#txt_username-error,
/***(MOD) 2019.06.04 name変更 K.Yoshida START */
span#txt_usernamekana-error{
/* span#usernamekana-error{ */
/***(MOD) 2019.06.04 name変更 K.Yoshida END */
	left: 50%;
}


input[type="text"].now_count{
	display: inline-block;
	width: 0.1rem;
	background-color: transparent;
	border: none;
	border-radius: 0;
	padding: 0;
	margin-bottom: 0;
	font-size: 0.1rem;
	color: transparent;
}

.bg_header{
	display: block;
	position: fixed;
	width: 100%;
	height: 5.0rem;
	background-color: rgba(0,0,0,0.5);
	top: 0;
	left: 0;
	z-index: 1000;
}

/***(ADD) 2019.06.27 K.Yoshida START */
.parking_message{
    padding-bottom: 2rem;
}
/***(ADD) 2019.06.27 K.Yoshida END */

/***(ADD) 2019.10.08 M.Komono START */
.printbtn,
.box_print{
	display: none;
}
/***(ADD) 2019.10.08 M.Komono END */

/***(ADD) 2024.11.07 K.Yoshida START */
.u-textAlign--center {
  text-align: center;
}
.u-textMargin--little {
  margin: 1.0rem;
  font-size: 2.5rem;
}
.link_message {
  font-size: 2.0rem;
}
.kotira_message_red {
  margin: 3.0rem;
  font-size: 2.0rem;
  color: #eb3939;
}
.kotira_message {
  margin: 1.0rem;
}
/***(ADD) 2024.11.07 K.Yoshida END */

/******************** footer ********************/

footer{
	display: block;
	box-sizing: border-box;
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 0.6rem 0;
	background-color: #dadfe2;
	font-size: 2vw;
	text-align: center;
}
/***(ADD) 2023.12.05 追加 K.Yoshida START */
.josyaken_area{
    --blue:#014099;
    --blue2:#1580be;
    background-color: #fff;
    margin-block: 30px;
    border: 2px solid var(--blue);
}
.josyaken_area *{
    box-sizing: border-box;
}
.josyaken_area ._inner{
    padding: 0.5em 1.5em 1.5em;
}
.josyaken_area a{
    text-decoration: underline;
    color: var(--blue2);
    transition: filter 0.2s ease;
}
.josyaken_area a:hover{
    filter: brightness(1.2);
}
.josyaken_area ._lg_btn{
    display: block;
    text-decoration: none;
    text-align: center;
    width: 100%;
    background-color: #2094d7;
    margin: 0.5em auto 1.2em;
    color: #fff;
    padding: 1em;
    border-radius: 4px;
}
.josyaken_area p{
    text-align: left;
}
.josyaken_area ._ttl{
    color: #fff;
    padding: 0.6em 0;
    background-color: var(--blue);
    text-align: center;
}
.josyaken_area ._txt{
    font-size: 90%;
}
.josyaken_area ._list{
    margin-top: 20px;
}
.josyaken_area ._list li{
    position: relative;
    padding-left: 1.4em;
    margin-top: 10px;
}
.josyaken_area ._list li::before{
    content: '';
    display: block;
    position: absolute;
    top: 0.2em;
    left: 0;
    width: 1em;
    aspect-ratio: 1;
    border-radius: 50%;
    background-color: var(--blue2);

}
.josyaken_area ._list_ttl{
    color: var(--blue2);
    font-weight: bold;
}
.josyaken_area ._btns{
    margin: 1.5em 0 1em;
    display: flex;
    justify-content: center;
    text-align: center;
}/***(ADD) 2023.12.05 追加 K.Yoshida END */
/***(ADD) 2023.12.03 追加 K.Kawai START */
 .emergency{
     display:flex;
     width:80%;
     margin: 0 auto;
     align-items:center;
     justify-content:center;
     color:white;
     background:#ff0000ad;
     font-size:110%;
     font-weight:bold;
     line-height:130%;
     padding:5%;
 }
 .emergency img{
     width:10%;
 }
 /***(ADD) 2023.12.03 追加 K.Kawai END */
 /***(ADD) 2025.01.29 追加 K.Kawai START */
 .pop_warn{
     margin:5%;
 }
  .warn_cam{
     line-height:150%;
     font-size:85%;
     color:#000;
 }

  .warn_holder{
     line-height:150%;
     font-size:85%;
     color:#ff0000;
     margin-top:3%;
  }

 .mainte_box_text{
     text-align:center;
     line-height:150%;
 }

 .warn_mankitsu{
     margin:3% 0% 3% 0%;
 }

 .warn_toddler{
     line-height:150%;
     font-size:85%;
     color:#ff0000;
 }
 /***(ADD) 2025.01.29 追加 K.Kawai END */