@charset "utf-8";

.outline {
color:#333!important;
border-top:none!important;
border-bottom:none!important;
background:none!important;
padding:5px 15px;
margin:0;
}

.outline p {
padding-top:5px;
padding-bottom:10px;
}

.outline img{
animation:none!important;
}

.arrow_down {
width: 0;
height: 0;
border-top: 20px solid #df7419;
border-right: 40px solid transparent;
border-bottom: 20px solid transparent;
border-left: 40px solid transparent;
margin: 5px auto -10px;
}

#indexes {
width:90%;
margin:0 auto;
text-align: center;
padding:10px;
}

#indexes ul li {
display: inline-block;
padding:5px 10px;
white-space: normal;
}
#indexes ul li a{
font-size:15px;
font-size:1.5rem;
color: #660000;
}

.route-switches {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 18px;
    margin: 10px 0;
}

.route-switch {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
}
.route-switch:hover {
    text-decoration: underline;
    text-underline-offset: 3px;
    text-decoration-thickness: 2px;
    font-weight:bold;
}

.route-switch input[type="checkbox"] {
    transform: scale(1.5);
    margin-right: 6px;
}


.route-color {
    display: inline-block;
    width: 24px;
    height: 5px;
    margin-right: 6px;
}

.route-color-1 { background-color: #d32f2f; }
.route-color-2 { background-color: #1976d2; }
.route-color-3 { background-color: #388e3c; }
.route-color-4 { background-color: #f57c00; }
.route-color-5 { background-color: #7b1fa2; }

.gm-style .gm-style-iw {
    padding: 8px !important;
}
.gm-style .gm-style-iw-d {
    overflow: hidden !important;
}
.gm-style .gm-ui-hover-effect {
    width: 36px !important;
    height: 36px !important;
}
.map-info-window {
    margin: 0;
    padding: 0;
    text-align: center;
    min-width: 120px;
    font-size: 16px;
    font-weight: bold;
}

.warning {
width:100%;
margin:20px 0 0;
padding:10px 10px 10px 50px;
background:#f6f6f6 url("../img/warning2.gif") no-repeat 10px 10px;
color:#000066;
border-radius:8px;
border:1px solid #000066;
text-align:left;
}
.warning p{margin:0 0 5px;}
.warning ul.list_dot li {
list-style-type:none;
padding-left:14px;
margin-bottom:10px;
background:url(../img/list_dot.gif) 0 0 no-repeat;
font-size:16px;
font-size:1.6rem;
line-height:1.2;
}
.warning strong {
font-weight: bold;
background: linear-gradient(transparent 50%, #ffff66 0);
background: linear-gradient(transparent 70%, #FFFC7F 0);
}

.fare-unavailable {
width:100%;
padding:0 0 0 40px;
background:#fff url("../img/warning.gif") no-repeat 0 0;
}
.fare-unavailable ul li {
list-style-type:none;
padding-left:1em;
background:url(../img/list_dot.gif) 0 0 no-repeat;
line-height:1.2;
}

.btn_box button.btn_previous, .btn_box button.btn_save{
margin:10px;
font-size:18px;
font-size:1.8rem;
font-weight:bold;
padding:5px 10px;
color:#333;
border:2px solid #DDD;
box-shadow:3px 3px 3px 0px #999;
-moz-box-shadow:3px 3px 3px 0px #999;
-webkit-box-shadow:3px 3px 3px 0px #999;
background:#EEE;
background:-moz-linear-gradient(top,#FFF 0%,#EEE);
background:-webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
border-radius:5px;
cursor:pointer;
}

.btn_box button.btn_estimate{
margin:10px auto;
font-size:20px;
font-size:2.0rem;
font-weight:bold;
padding:10px 10px;
color:#fff;
border:2px solid #fff;
box-shadow:3px 3px 3px 0px #999;
-moz-box-shadow:3px 3px 3px 0px #999;
-webkit-box-shadow:3px 3px 3px 0px #999;
text-shadow:1px 1px 1px #999;
background:#f96800;
background:-webkit-gradient(linear, left bottom, left top, from(#ff9b36), color-stop(0.5, #f96800), to(#ff9b36));
background:-moz-linear-gradient(bottom, #ff9b36, #f96800 50%, #ff9b36);
border-radius:5px;
cursor:pointer;
}

/* 注意事項
------------------------------------------------------------*/
#notes_title{
width:860px;
margin:20px auto 0;
padding:2px 0;
}
#notes_title span{
color:#fff;
padding:3px 8px;
background-color:#df7419;
border-radius:8px 8px 0 0;
}
#notes {
width:860px;
margin:0 auto 30px;
padding:10px;
background-color:#fff;;
border:2px solid #df7419;
border-radius:0 8px 8px 8px;
}
#notes .strong {
background:linear-gradient(transparent 70%,#f8e3d1 0);
font-weight:bold;
}
#notes p {
padding-top:6px;
padding-bottom:6px;
}

#notes .button {
margin-top: 5px;
padding: 2px 10px 2px 20px;
text-align: left;
font-size: 16px;
font-size: 1.6rem;
font-weight: bold!important;
border: 1px solid #007079;;
border-radius: 8px;
text-decoration: none!important;
color: #800000;
background-color: #f8f8f8;
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
font-weight: normal;
transition: background-color 0.2s, box-shadow 0.2s;
}

#notes .button:hover {
background-color: rgba(0,0,102,0.1);
text-decoration: underline!important;
/*box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3) inset;*/
}

/*#notes ol {
list-style-type:disc;
margin:0 0 0 2em;
padding:0;
}*/

/* その他の設定
------------------------------------------------------------*/
#content a{
text-decoration:underline;
color:#800000;
}

#content a:hover {
text-decoration:underline;
color:#800000;
}

/* 幅980px以下から
------------------------------------------------------------*/
@media only screen and (max-width:980px){

	#notes_title{
	width:96%;
	}
	#notes {
	width:96%;
	}
}

/* 印刷用
------------------------------------------------------------*/
@media print {
	*{
	-webkit-print-color-adjust: exact;
	print-color-adjust: exact;
	}
	.outline {
	display:none;
	}
	#indexes {
	display:none;
	}
	.form{
	border:none;
	}
	.form dl{
	display:block;
	break-inside: avoid;
	}
	.form dt{
	width:100%;
	display:block;
	padding:5px 10px;
	text-align:center;
	border:none;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	}
	.form dd{
	width:100%;
	display:block;
	padding:5px 10px 10px;
	text-align:center;
	border:none;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	}
	.form dd table{
	margin:0 auto;
	}
	.route-switches {
	display:none;
	}
	#map {
	height:250px!important;
	}
	.btn_box {
	display:none;
	}
}