@charset "utf-8";

@media (min-width: 421px) {
html {
	overflow: auto;
	}
body {
	_display: inline;
	min-width: 1150px;
	-webkit-text-size-adjust: 100%;
	position: relative;
	overflow: hidden;
	_zoom: 1;
	}
}
@media (max-width: 420px) {
* {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	}
	img { width: 100%;}
	img.auto { width: auto;}
}

.link-blue { color: #2626ff; text-decoration: none;}
.link-blue:hover { text-decoration: underline;}

.arrow-blue {
	background: url(../img/icn_arrow_blue.png) no-repeat left 45%;
	padding-left: 12px;
	}

.target-blank-blue:after {
	content: url(../img/icn_target_blank_blue.png);
	padding-left: 5px;
	}
.target-blank-white:after {
	content: url(../img/icn_target_blank.png);
	padding-left: 5px;
	}

.fc-red {	color: #f00 !important;}
.fc-blue {	color: #00f !important;}
.fc-dark-blue {	color: #122185 !important;}
.fc-green {	color: #090 !important;}
.fc-gray {	color: #aaa !important;}
.fc-dark-gray {	color: #666 !important;}
.fc-white {	color: #fff !important;}
.fc-orange {	color: #f90 !important;}
.fc-yellow {	color: #ff3 !important;}
.fc-bg-gray { background: #ccc; padding: 0 5px;}
.fc-bg-deep-gray { background: #333; color: #fff; padding: 0 5px;}
.fc-bg-yellow { background: #ff3; padding: 0 5px;}
.fc-bg-green { background: #0c0; padding: 0 5px;}
.fc-bg-red { background: #f00; padding: 0 5px;}
.fc-bg-blue { background: #00f; padding: 0 5px;}
.fc-bg-pink { background: #f9c; padding: 0 5px;}
.fc-bg-bluegray { background: #b3c8e0; padding: 0 5px;}

.t-border { border: 1px solid #ccc; padding: 0 5px;}

.hr-border-bold {
	background: #ccc;
	border: none;
	height: 3px;
	visibility: visible;
	}
.radius-3px {
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	}
.radius-5px {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	}
.radius-8px {
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	}

/*----------------------------------------------

	header

----------------------------------------------*/
@media (min-width: 421px) {
header {
	border-top: 4px solid #2861c4;
	border-bottom: 2px solid #2861c4;
	}
header .header-inner {
	width: 1000px;
	margin: 0 auto;
	padding-top: 40px;
	position:relative;
	}
	header .header-inner .customer-company-navi {
		letter-spacing: -0.4em;
		min-width: 400px;
		position: absolute;
		top: 0;
		left: 0;
		}
		@-moz-document url-prefix() {
			header .header-inner .customer-company-navi {
				letter-spacing: -0.3em;
			}
		}
		header .header-inner .customer-company-navi li {
			display: inline-block;
			letter-spacing: 1px;
			}
			header .header-inner .customer-company-navi li a {
				display: block;
				padding: 5px 10px;
				text-decoration: none;
				-webkit-transition: all 0.3s ease;
				transition: all 0.3s ease;
				}
				header .header-inner .customer-company-navi li:first-child {
					border: 1px solid #2861C4;
					}
					header .header-inner .customer-company-navi li:first-child a:hover {
						background: #2861C4;
						color: #fff;
						}
				header .header-inner .customer-company-navi li:last-child {
					border: 1px solid #212e78;
					position: absolute;
					}
					header .header-inner .customer-company-navi li:last-child a:hover {
						background: #212e78;
						color: #fff;
						}
				header .header-inner .customer-company-navi li.current {
					background: #2861C4;
					border: 1px solid #2861C4;
					color: #fff;
					padding: 5px 10px;
					text-decoration: none;
					}
	header .header-inner .font-change {
		background: white;
		border-radius: 0 0 3px 3px;
		-webkit-border-radius: 0 0 3px 3px;
		-moz-border-radius: 0 0 3px 3px;
		color: #414151;
		padding: 0 0 5px 10px;
		position: absolute;
		top: 0;
		right: 80px;
		}
		header .header-inner .font-change:before {
			content: "文字サイズ";
			display: table-cell;
			padding-right: 10px;
			}
		header .header-inner .font-change li {
			border-left: 1px solid #fff;
			cursor: pointer;
			display: table-cell;
			padding: 1px 3px;
			}
			header .header-inner .font-change li:hover {
				color: #96b1e1;
				}
			header .header-inner .font-change li#fontS { font-size: 85%;}
			header .header-inner .font-change li#fontM { font-size: 100%;}
			header .header-inner .font-change li#fontL { font-size: 114%;}

                        	.fontS header .header-inner .font-change li#fontS {     background: #235EC7; color: #fff;}
                        	.fontM header .header-inner .font-change li#fontM {     background: #235EC7; color: #fff;}
                        	.fontL header .header-inner .font-change li#fontL {     background: #235EC7; color: #fff;}
                                	.fontS header .header-inner .font-change li#fontM {     background: #fff; color: #414151;}
                                	.fontL header .header-inner .font-change li#fontM {     background: #fff; color: #414151;}

	header .header-inner .english-link a {
		background: white;
		border-radius: 0 0 3px 3px;
		-webkit-border-radius: 0 0 3px 3px;
		-moz-border-radius: 0 0 3px 3px;
		color: #414151;
		display: block;
		font-size: 85%;
		padding: 3px 0px 5px 10px;
		text-decoration: none;
		position: absolute;
		top: 0;
		right: 0;
		}
		header .header-inner .english-link a:hover {
			color: #96b1e1;
			}
	header .header-inner .bnr {
		position: absolute;
		top: 47px;
		left: 0;
		}
	header .header-inner .snavi {
		float: right;
		width: 400px;
		min-width: 400px;
		min-height: 65px;
		text-align: right;
		position: relative;
		z-index: 10;
		}
		header .header-inner .snavi ul {
			margin-bottom: 10px;
			}
			header .header-inner .snavi ul li {
				background: url(../img/icn_arrow_circle_blue.png) no-repeat 10px center;
				display: inline-block;
				padding-left: 25px;
				}

header .header-inner .snavi form,
header .header-inner .snavi form,
header .header-inner .snavi form p {
	display: inline-block;
	letter-spacing: -0.33em;
	height: 21px;
	}
	.gsc-search-box {
		margin-bottom: 0 !important;
		padding: 0 !important;
		}
	.gsc-input {
		width: 180px;
		padding-right: 0 !important;
		text-align: left;
		}
		.gsc-input-box {
			width: 180px;
			height: auto !important;
			}
	.gsc-search-button {
		display: inline-block;
		margin-top: 0 !important;
		}
	.gsc-clear-button {
		display: none;
		}
	.gsc-control-cse {
		padding: 0 !important;
		}
	#gs_cb50 {
		display: none;
		}
	.gsc-search-button-v2 {
		padding: 7px 15px !important;
		}
	table.gsc-search-box {
		float: right;
		width: 100px !important;
		}

header .header-inner .logo {
	margin-left: -87px;
	position: absolute;
	top: 48px;
	left: 50%;
	}
	header .header-inner .logo img {
		width: 174px;
		}
header .header-inner .gnavi {
	clear: both;
	font-size: 114%;
	width: 1000px;
	margin: 0 auto;
	padding-top: 10px;
	position: relative;
	}
	header .header-inner .gnavi > ul > li {
		border-right: 1px solid #ccc;
		float: left;
		height: 30px;
		margin: 20px 0;
		background: #2861C4;
		}
		header .header-inner .gnavi > ul > li:first-child {
			border-left: 1px solid #ccc;
			}
		header .header-inner .gnavi > ul > li:hover:before,
		.traffic header .header-inner .gnavi > ul > li:first-child:before,
		.guide header .header-inner .gnavi > ul > li:nth-child(2):before,
		.etc header .header-inner .gnavi > ul > li:nth-child(3):before,
		.safety header .header-inner .gnavi > ul > li:nth-child(4):before,
		.kanko_event header .header-inner .gnavi > ul > li:nth-child(5):before,
		.sapa header .header-inner .gnavi > ul > li:nth-child(6):before {
			background: #2861c4;
			border-left: 1px solid #2861c4;
			border-right: 1px solid #2861c4;
			content: "";
			display: block;
			width: 165px;
			height: 12px;
			position: absolute;
			bottom: 0;
			}
		header .header-inner .gnavi > ul > li > a {
			display: table-cell;
			width: 165px;
			height: 30px;
			margin-top: 3px;
			padding-bottom: 20px;
			text-align: center;
			text-decoration: none;
			position: relative;
			bottom: 0;
			vertical-align: middle;
			color: white;
			}
			/*header .header-inner .gnavi > ul > li:nth-child(4) > a {
				padding-bottom: 16px;
				}
				.fontS header .header-inner .gnavi > ul > li:nth-child(4) > a { top: -4px;}
				.fontM header .header-inner .gnavi > ul > li:nth-child(4) > a { top: -10px;}
				.fontL header .header-inner .gnavi > ul > li:nth-child(4) > a { top: -16px;}*/
			header .header-inner .gnavi > ul > li > a:after {
				background: #2861c4;
				border-radius: 6px;
				-webkit-border-radius: 6px;
				-moz-border-radius: 6px;
				content: "";
				display: block;
				width: 12px;
				height: 12px;
				margin-left: -6px;
				position: absolute;
				bottom: -5px;
				left: 50%;
				}
				header .header-inner .gnavi > ul > li:hover > a:after {
					bottom: 7px;
					}
				.traffic header .header-inner .gnavi > ul > li:first-child > a:after {
					bottom: 7px;
					}
				.guide header .header-inner .gnavi > ul > li:nth-child(2) > a:after {
					bottom: 7px;
					}
				.etc header .header-inner .gnavi > ul > li:nth-child(3) > a:after {
					bottom: 7px;
					}
				.safety header .header-inner .gnavi > ul > li:nth-child(4) > a:after {
					bottom: 7px;
					}
				.kanko_event header .header-inner .gnavi > ul > li:nth-child(5) > a:after {
					bottom: 7px;
					}
				.sapa header .header-inner .gnavi > ul > li:nth-child(6) > a:after {
					bottom: 7px;
					}
				header .header-inner .gnavi > ul > li:nth-child(4) > a:after {
					bottom: -5px;
					}
					header .header-inner .gnavi > ul > li:nth-child(4):hover > a:after {
						bottom: 7px;
						}
		header .header-inner .gnavi li .gnavi-second-level {
			background: #143596;
			font-size: 80%;
			width: 980px;
			padding: 30px 0 20px 20px;
			position: absolute;
			top: 74px;
			left: 0;
			opacity: 0;
			visibility: hidden;
			z-index: 200;
			-webkit-transition: all 0.2s ease;
			transition: all 0.2s ease;
			}
			header .header-inner .gnavi li:hover .gnavi-second-level {
				visibility: visible;
				opacity: 1;
				}
			header .header-inner .gnavi li .gnavi-second-level div {
				float: left;
				width: 22%;
				margin-right: 3%;
				}
			header .header-inner .gnavi li .gnavi-second-level div p {
				border-bottom: 1px solid #fff;
				color: #fff;
				font-size: 114%;
				margin-bottom: 20px;
				padding-bottom: 5px;
				}
			header .header-inner .gnavi li .gnavi-second-level li {
				background: url(../img/icn_arrow_white.png) no-repeat 0 4px;
				margin-bottom: 5px;
				padding-left: 12px;
				}
			header .header-inner .gnavi li .gnavi-second-level a {
				color: #fff;
				text-decoration: none;
				}
				header .header-inner .gnavi li .gnavi-second-level a:hover {
					text-decoration: underline;
					}
}

@media (max-width: 420px) {
header {
	border-top: 4px solid #2861c4;
	border-bottom: 2px solid #2861c4;
	}
header .header-inner {
	margin: 0 auto;
	padding: 80px 15px 20px;
	position:relative;
	}
	header .header-inner .logo {
		margin-left: -87px;
		position: absolute;
		left: 50%;
		top: 38px;
		}
		.header-inner .logo img {
			width: 174px;
			}
	header .header-inner .english-link {
		display: none;
		}
	header .header-inner .bnr {
		display: none;
		}
	header .header-inner .font-change {
		display: none;
		}
	header .header-inner .customer-company-navi {
		display: table;
		width: 100%;
		padding-top: 20px;
		letter-spacing: -0.4em\9; /* IE9.10 */
		}
		header .header-inner .customer-company-navi li {
			display: table-cell;
			font-size: 91%;
			letter-spacing: 0;
			width: 50%;
			text-align: center;
			}
			header .header-inner .customer-company-navi li a {
				display: block;
				padding: 5px 0;
				text-decoration: none;
				-webkit-transition: all 0.3s ease;
				transition: all 0.3s ease;
				}
				header .header-inner .customer-company-navi li:last-child {
					border: 1px solid #212e78;
					}
					header .header-inner .customer-company-navi li:last-child a {
						background: url(/img/icn_blank_white.png) no-repeat 95% center;
						padding-right: 30px;
						}
						header .header-inner .customer-company-navi li:last-child a:hover {
							background: #212e78 url(/img/icn_blank.png) no-repeat 95% center;
							color: #fff;
							}
				header .header-inner .customer-company-navi li.current {
					background: #2861C4;
					border: 1px solid #2861C4;
					color: #fff;
					padding: 5px 0;
					text-decoration: none;
					}
	header .header-inner .snavi {
		display: none;
		}
header .header-inner .gnavi {
	display: none;
	}
}

/*----------------------------------------------

	kv

----------------------------------------------*/
@media (min-width: 421px) {
.kv-wrap {
	width: 100%;
	height: 100%;
	margin-bottom: 20px;
	overflow: hidden;
	}
	.kv-inner {
		width: 1200px;
		height: 389px;
		margin: 0 auto;
		position: relative;
		}
		.kv-box {
			width: 3600px;
			margin-left: -1800px;
			position: absolute;
			left: 50%;
			}
			.kv-box > div {
				width: 100%;
				}
			.kv-wrap li img {
				width: 1200px;
				vertical-align: bottom;
				}
	.kv-wrap .bx-controls-direction, .bx-pager {
		height: 14px;
		text-align: center;
		}
		.kv-wrap .bx-controls-direction a, .bx-pager-item {
			display: inline-block;
			}
			.kv-wrap .bx-pager-item a{
				background: #fff;
				border-radius: 10px;
				display: block;
				width: 14px;
				height: 14px;
				margin:0 5px;
				text-indent: -9999px;
				}
				.kv-wrap .bx-pager-item a.active {
					background: #212e78;
					}
			.kv-wrap .bx-controls-direction a{
				color: #000;
				padding:0 5px;
				text-decoration: none;
				}
			.kv-wrap .bx-controls {
				width: 100%;
				position: absolute;
				bottom: 25px;
				z-index: 100;
				}
}
@media (max-width: 420px) {
.kv-wrap {
	display: none;
	}
}

/*----------------------------------------------

	footer

----------------------------------------------*/
@media (min-width: 421px) {
.customer-pagetop {
	position: fixed;
	left: 50%;
	margin-left: 520px;
	bottom: 60px;
	z-index: 9998;
	}
	.customer-pagetop a {
		background: #1e5bca;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		color: #fff;
		padding: 20px;
		text-decoration: none;
		}
	.customer-pagetop.remove {
		position: absolute;
		top: -80px;
		}

footer {
	background: #fff;
	position: relative;
	z-index: 10;
	}
	footer .footer-inner {
		width: 1000px;
		margin: 0 auto;
		padding: 30px 0 20px;
		}
		footer .footer-inner section {
			margin-bottom: 10px;
			}
			footer .footer-inner section h2 {
				border-bottom: 1px solid #ddd;
				color: #333;
				font-weight: bold;
				margin-bottom: 5px;
				}
				footer .footer-inner section h2 br {
					display: none;
					}
			footer .footer-inner section ul {
				margin-bottom: 30px;
				}
				footer .footer-inner section li {
					display: inline-block;
					font-size: 91%;
					padding-right: 20px;
					}
					footer .footer-inner section a {
						text-decoration: none;
						}
						footer .footer-inner section a:hover {
							text-decoration: underline;
							}
	footer .footer-list {
		background: #1e5bca;
		font-size: 85%;
		}
		footer .footer-list ul {
			width: 1000px;
			margin: 0 auto;
			padding: 10px 0;
			}
			footer .footer-list li {
				border-right: 1px solid #fff;
				display: inline-block;
				line-height: 1;
				padding: 0 15px;
				}
				footer .footer-list li:first-child {
					padding-left: 0;
					}
				footer .footer-list li:last-child {
					border-right: none;
					}
				footer .footer-list li br {
					display: none;
					}
				footer .footer-list li a {
					color: #fff;
					text-decoration: none;
					}
					footer .footer-list li a:hover {
						text-decoration: underline;
						}
.pc-change {
	display: none;
	}
.sp-change {
	width: 1000px;
	margin: 0 auto;
	padding-top: 10px;
	text-align: right;
	}
	.sp-change a {
		background: #fff;
		border: 1px solid #1E5BCA;
		color: #1E5BCA;
		display: inline-block;
		font-size: 114%;
		font-weight: bold;
		padding: 20px;
		text-align: center;
		text-decoration: none;
		}
.copyright {
	font-size: 85%;
	width: 1000px;
	margin: 0 auto;
	padding: 5px 0;
	text-align: right;
	}
}
@media (max-width: 420px) {
.customer-pagetop {
	display: block;
	position: fixed;
	right: 10px;
	bottom: 30px;
	}
	.customer-pagetop a {
		background: #1e5bca;
		border: 2px solid #fff;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		color: #fff;
		padding: 13px 13px 15px;
		text-decoration: none;
		}
		.customer-pagetop a img {
			width: 20px;
			}
	.customer-pagetop.remove {
		position: absolute;
		bottom: 300px;
		}
footer {
	border-top: 1px solid #1e5bca;
	position: relative;
	}
	footer .footer-inner {
		width: 100%;
		margin: 0 auto;
		}
		footer .footer-inner section {
			border-bottom: 1px solid #1e5bca;
			float: left;
			width: 50%;
			}
			footer .footer-inner section:nth-child(even) {
				border-left: 1px solid #1e5bca;
				}
			footer .footer-inner section h2 {
				display: table;
				width: 100%;
				min-height: 54px;
				height: 54px;
				padding: 10px 0;
				}
			footer .footer-inner section a {
				line-height: 1.2;
				display: table-cell;
				width: 100%;
				text-align: center;
				text-decoration: none;
				vertical-align: middle;
				}
				footer .footer-inner section a:hover {
					text-decoration: underline;
					}
		footer .footer-inner section ul {
				display: none;
				}
	footer .footer-list {
		border-bottom: 4px solid #12125e;
		padding-bottom: 1px;
		}
		footer .footer-list li {
			background: #1e5bca;
			display: table;
			float: left;
			width: 50%;
			min-height: 54px;
			height: 54px;
			padding: 10px 0;
			}
			footer .footer-list li:nth-child(2),
			footer .footer-list li:nth-child(3) {
				border-bottom: 1px solid #fff;
				}
			footer .footer-list li:nth-child(odd) {
				border-left: 1px solid #fff;
				}
			footer .footer-list li:first-child {
				display: none;
				}
			footer .footer-list li a {
				color: #fff;
				line-height: 1.2;
				display: table-cell;
				text-align: center;
				text-decoration: none;
				vertical-align: middle;
				}
				footer .footer-list li a:hover {
					text-decoration: underline;
					}
.pc-change {
	background: #edfbff;
	padding-top: 10px;
	}
	.pc-change a {
		background: #fff;
		border-top: 1px solid #1E5BCA;
		border-bottom: 1px solid #1E5BCA;
		color: #1E5BCA;
		display: block;
		font-size: 114%;
		font-weight: bold;
		padding: 20px 0;
		text-align: center;
		text-decoration: none;
		}
.sp-change {
	display: none;
	}
.copyright {
	background: #edfbff;
	font-size: 70%;
	line-height: 1.2;
	margin: 0 auto;
	padding: 10px 10px 20px;
	text-align: right;
	}
}

/*----------------------------------------------

	content common

----------------------------------------------*/
@media (min-width: 421px) {
.main-wrap {
	background: #edfbff;
	border-bottom: 7px solid #b5b6b6;
	display: block;
	padding-top: 20px;
	position: relative;
	z-index: 1;
	}
	.main-wrap.top {
		padding-top: 10px;
		}
	.main-wrap.under {
		background: #edfbff url(/customer_index/img/bg_main_top.jpg) center top / auto no-repeat;
		background-size: auto;
		position: relative;
		}
		.main-wrap.under:after {
			background: url(../img/bg_main_image.png) repeat-x 0 0;
			background: -moz-linear-gradient(top, rgba(237,251,255,0) 0%, rgba(237,251,255,1) 98%, rgba(237,251,255,1) 100%);
			background: -webkit-linear-gradient(top, rgba(237,251,255,0) 0%,rgba(237,251,255,1) 98%,rgba(237,251,255,1) 100%);
			background: linear-gradient(to bottom, rgba(237,251,255,0) 0%,rgba(237,251,255,1) 98%,rgba(237,251,255,1) 100%);
			content: "";
			display: inline-block;
			width: 3000px;
			height: 400px;
			margin: 0 -500px;
			position: absolute;
			top: 0;
			left: -100px;
			zoom: 1;
			}
	.main-inner {
		background: url(/customer_index/img/bg_main_bottom.png) no-repeat center bottom;
		width: 1000px;
		margin: 0 auto -7px;
		padding-bottom: 160px;
		position: relative;
		z-index: 1;
		}
		.top .main-inner {
			/*padding-bottom: 200px;*/
			/*padding-bottom: 348px;*/
			/*padding-bottom: 650px;*/
			padding-bottom: 900px;
		/*20170112 mainがfooterにめり込むのを回避
			20170131 元の高さに戻すためコメントアウト*/ 
			/*padding-bottom: 1148px;*/
			}
}

@media (max-width: 420px) {
.main-wrap {
	background: #edfbff;
	padding: 20px 20px 60px;
	}
	.main-wrap.top {
		padding-top: 10px;
		}
}

/*----------------------------------------------

	common

----------------------------------------------*/
@media (min-width: 421px) {
.main-wrap h2.h2-icn {
	font-size: 128%;
	margin: 5px 0 10px;
	padding-left: 50px;
	}
.top .sub-content {
	clear: both;
	float: left;
	width: 330px;
	}
.under .sub-content {
	float: right;
	width: 330px;
	}
	.sub-content .traffic-info {
		background: #fff;
		border: 1px solid #2c64c1;
		border-top: 5px solid #2c64c1;
		border-radius: 3px;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		margin-bottom: 20px;
		padding: 10px 13px 15px;
		}
		.sub-content .traffic-info a {
			text-decoration: none;
			}
			.sub-content .traffic-info a.arrow-blue:hover {
				text-decoration: underline;
				}
		.sub-content .traffic-info .h2-traffic-info {
			background: url(../img/h2_trafficinfo.png) no-repeat 0 0;
			line-height: 23px;
			}
		.sub-content .traffic-info .detail-red {
			border: 1px solid #f00;
			border-radius: 5px;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			margin-bottom: 10px;
			padding: 2px;
			}
			.sub-content .traffic-info .detail-red a {
				display: block;
				/* ↓↓↓↓ 20170201 ADD */
				color: #f00;
				/* ↑↑↑↑ 20170201 ADD */
				}
			.sub-content .traffic-info .detail-red p {
				/* ↓↓↓↓ 20170311 MOD */
				/* background: #e1ebff url(../img/img_trafficinfo_red.png) no-repeat 10px center; */
				background: #e1ebff url(../img/img_trafficinfo_red0.png) no-repeat 10px center;
				/* ↑↑↑↑ 20170301 MOD */
				/* ↓↓↓↓ 20170311 MOD */
				/* background-size: 49px 49px; */
				background-size: 49px 30px;
				/* ↑↑↑↑ 20170311 MOD */
				border: 3px solid #f00;
				border-radius: 5px;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				color: #f00;
				/* ↓↓↓↓ 20170201 MOD */
				/* line-height: 1.2;*/
				line-height: 2.3;
				/* ↑↑↑↑ 20170201 MOD */
				min-height: 36px;
/* ↓↓↓↓ 20170320 MOD */
				/*padding: 10px 15px 5px 80px;*/
				padding: 10px 15px 5px 70px;
/* ↑↑↑↑ 20170320 MOD */
				}
/* ↓↓↓↓ 20170201 ADD */
 .detail-red--system {
	border: 1px solid #f00;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin-bottom: 10px;
	padding: 2px;
	}
	.detail-red--system a {
		display: block;
		color: #f00;
		}
	.detail-red--system p {
		background-size: 49px 49px;
		border: 3px solid #f00;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		color: #f00;
		line-height: 1.2;
		min-height: 36px;
		padding: 10px 15px 5px 70px;
		}
		.detail-red--bike {
			border: 1px solid #f00;
			border-radius: 5px;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			margin-bottom: 10px;
			padding: 2px;
			}
			.detail-red--bike a {
				display: block;
				color: #f00;
				}
			.detail-red--bike p {
				/* ↓↓↓↓ 20170311 MOD */
				/* background: #e1ebff url(../img/img_trafficinfo_red_bike.png) no-repeat 10px center; */
				background: #e1ebff url(../img/img_trafficinfo_red_bike0.png) no-repeat 10px center;
				/* ↑↑↑↑ 20170311 MOD */				
				/* ↓↓↓↓ 20170311 MOD */
				/* background-size: 49px 49px; */
				background-size: 49px 30px;
				/* ↑↑↑↑ 20170311 MOD */
				border: 3px solid #f00;
				border-radius: 5px;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				color: #f00;
				line-height: 1.2;
				min-height: 36px;
/* ↓↓↓↓ 20170320 MOD */
				/*padding: 10px 15px 5px 80px;*/
				padding: 10px 15px 5px 70px;
/* ↑↑↑↑ 20170320 MOD */
				}
/* ↑↑↑↑ 20170201 ADD */
		.sub-content .traffic-info .detail-blue {
			background: #e1ebff;
			border-radius: 5px;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			margin-bottom: 10px;
			padding: 2px;
			}
			.sub-content .traffic-info .detail-blue p {
				background: #e1ebff url(../img/img_trafficinfo_blue.png) no-repeat 10px center;
/* ↓↓↓↓ 20170320 MOD */
				/*line-height: 1.2;*/
				line-height: 2.5;
/* ↑↑↑↑ 20170320 MOD */
				min-height: 36px;
/* ↓↓↓↓ 20170320 MOD */
				/*padding: 10px 15px 5px 80px;*/
				padding: 10px 15px 5px 75px;
/* ↑↑↑↑ 20170320 MOD */
				}
/* ↓↓↓↓ 20170201 ADD */
		.detail-blue--bike {
			background: #e1ebff;
			border-radius: 5px;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			margin-bottom: 10px;
			padding: 2px;
			}
			.detail-blue--bike p {
				background: #e1ebff url(../img/img_trafficinfo_blue_bike.png) no-repeat 10px center;
				background-size: 49px 30px;
				line-height: 1.2;
				min-height: 36px;
/* ↓↓↓↓ 20170320 MOD */				
				padding: 10px 15px 5px 75px;
/* ↑↑↑↑ 20170320 MOD */				
				}
/* ↑↑↑↑ 20170201 ADD */

		.sub-content .traffic-info .h2-prices-route {
			background: url(../img/h2_pricesroute.png) no-repeat 0 0;
			line-height: 21px;
			}
		.sub-content .traffic-info .img-route {
			margin-bottom: 10px;
			}
			.sub-content .traffic-info .img-route li {
				float: left;
				width: 100px;
				}
		.sub-content .traffic-info select {
			border: 1px solid #ccc;
			letter-spacing: 0.06em;
			width: 220px;
			margin: 0 10px 10px 0;
			padding: 3px 5px;
			}
		.sub-content .traffic-info input {
			-webkit-appearance: none;
			background: #235ec7;
			color: #fff;
			font-size: 114%;
			width: 65px;
			margin-bottom: 10px;
			padding: 3px 5px;
			text-align: center;
			}
	.sub-content .side-nav {
		background: #fff;
		border-radius: 3px;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		margin-bottom: 20px;
		overflow: hidden;
		}
		.sub-content .side-nav h2 a {
			background: #2c64c1;
			border-radius: 3px;
			-webkit-border-radius:3px;
			-moz-border-radius:3px;
			color: #fff;
			display: block;
			font-size: 114%;
			font-weight: bold;
			padding: 10px 20px;
			text-decoration: none;
			}
			.sub-content .side-nav h2 a:hover {
				text-decoration: underline;
				}
		.sub-content .side-nav li {
			display: block;
			text-decoration: none;
			}
			.sub-content .side-nav li a {
				display: block;
				padding: 0 20px;
				text-decoration: none;
				}
				.sub-content .side-nav li.current a {
					background: #666;
					color: #fff;
					}
					.sub-content .side-nav li.current a[target="_blank"] {
						background: #fff;
						color: #414151;
						}
				.sub-content .side-nav li:hover a {
					background: #666 !important;
					color: #fff !important;
					}
				.sub-content .side-nav li a span {
					border-bottom: 1px solid #d7d7d7;
					display: block;
					padding: 10px 0;
					}
					.sub-content .side-nav li.current a span {
						border-bottom: 1px solid #666;
						}
						.sub-content .side-nav li.current a[target="_blank"] span {
							border-bottom: 1px solid #d7d7d7;
							}
					.sub-content .side-nav li:hover a span {
						border-bottom: 1px solid #666 !important;
						}
					.sub-content .side-nav li:last-child a span {
						border-bottom: none !important;
						}
	.sub-content .bnr-area {
		background: #fff;
		border-top: 5px solid #2c64c1;
		border-radius: 3px;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		margin-bottom: 20px;
		padding: 25px 0;
		position: relative;
		overflow: hidden;
		}
		.sub-content .bnr-area .bnr-images {
			width: 280px;
			height: 230px;
			margin: 0 auto 5px;
			overflow: hidden;
			}
			.sub-content .bnr-area .bnr-images .caroufredsel_wrapper {
				overflow: visible !important;
				}
		.sub-content .bnr-area li {
			display: block;
			float: left;
			}
			.sub-content .bnr-area li:hover {
				filter: alpha(opacity=60);
				-moz-opacity: 0.60;
				opacity: 0.60;
				zoom: 1;
				}
		.sub-content .bnr-area .bnr-thumbs {
			overflow: hidden;
			}
			.sub-content .bnr-area > .caroufredsel_wrapper {
				margin: 0 auto !important;
				}
			.sub-content .bnr-area .bnr-thumbs img {
				cursor: pointer;
				display: block;
				float: left;
				width: 50px;
				height: 41px;
				margin: 0 3px 0 2px;
				}
			.sub-content .bnr-area .bnr-thumbs img.selected {
				filter: alpha(opacity=60);
				-moz-opacity: 0.60;
				opacity: 0.60;
				zoom: 1;
				}
		.sub-content .bnr-area .bnr-next {
			background: #85776c url(../img/icn_arrow_white.png) no-repeat center center;
			color:#fff;
			display: block;
			width: 20px;
			height: 41px;
			text-indent: -9999px;
			position: absolute;
			bottom: 25px;
			right: 25px;
			cursor: pointer;
			}
		.sub-content .bnr-area .bnr-prev {
			background: #85776c url(../img/icn_arrow_white_left.png) no-repeat center center;
			color:#fff;
			display: block;
			width: 20px;
			height: 41px;
			text-indent: -9999px;
			position: absolute;
			bottom: 25px;
			left: 25px;
			cursor: pointer;
			}
			.sub-content .bnr-area .bnr-next:hover,
			.sub-content .bnr-area .bnr-prev:hover,
			.sub-content .bnr-area .bnr-thumbs img:hover{
				filter: alpha(opacity=60);
				-moz-opacity: 0.60;
				opacity: 0.60;
				zoom: 1;
				}

	.sub-content .etc-area {
		background: #fff;
		border-top: 5px solid #2c64c1;
		border-radius: 3px;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		margin-bottom: 20px;
		padding: 10px;
		}
		.sub-content .etc-area h2.h2-icn {
			background: url(../img/h2_etcarea.png) no-repeat 5px 0;
			line-height: 24px;
			}
		.sub-content .etc-area dl {
			padding: 0 10px;
			}
			.sub-content .etc-area dt a {
				font-size: 114%;
				text-decoration: none;
				}
				.sub-content .etc-area dt a:hover {
					text-decoration: underline;
					}
			.sub-content .etc-area dd {
				margin-bottom: 10px;
				}
				.sub-content .etc-area dd:last-child {
					margin-bottom: 0;
					}
	.sub-content .safety-area {
		background: #fff;
		border-top: 5px solid #2c64c1;
		border-radius: 3px;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		margin-bottom: 20px;
		padding: 10px;
		}
		.sub-content .safety-area h2.h2-icn {
			background: url(../img/h2_safetyarea.png) no-repeat 10px 0;
			line-height: 22px;
			}
		.sub-content .safety-area p {
			text-align: center;
			padding: 0 10px;
			}
		.sub-content .safety-area ul {
			padding: 0 10px;
			}
			.sub-content .safety-area li {
				background: url(../img/icn_arrow_blue.png) no-repeat left 45%;
				font-size: 114%;
				padding-left: 12px;
				}
	.sub-content .outlink-bnr-area {
		background: #fff;
		border-top: 5px solid #2c64c1;
		border-radius: 3px;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		margin-bottom: 20px;
		padding: 20px;
		text-align: center;
		}
	/* 料金のご案内 サイドバー */
	.sub-content .ryokin-guide-aside {
		background: #fff;
		border-top: 5px solid #f398b7;
		border-radius: 3px;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		margin-bottom: 20px;
		padding: 20px 0 0;
		overflow: hidden;
		}
		.sub-content .ryokin-guide-aside h2 a,
		.sub-content .ryokin-guide-aside h2 > span {
			background: #fce3e8;
			border-top: 1px solid #fff;
			border-bottom: 1px solid #f398b7;
			display: block;
			font-size: 114%;
			font-weight: bold;
			padding: 10px 20px;
			text-decoration: none;
			}
			.sub-content .ryokin-guide-aside h2 a:hover {
				color: #f00;
				}
		.sub-content .ryokin-guide-aside li {
			border-bottom: 1px dotted #f398b7;
			display: block;
			text-decoration: none;
			}
			.sub-content .ryokin-guide-aside li:last-child {
				border-bottom: none;
				}
			.sub-content .ryokin-guide-aside li a,
			.sub-content .ryokin-guide-aside li p {
				display: block;
				padding: 0 20px;
				text-decoration: none;
				}
				.sub-content .ryokin-guide-aside li a:hover {
					color: #f00;
					}
				.sub-content .ryokin-guide-aside li p span,
				.sub-content .ryokin-guide-aside li a span {
					display: block;
					padding: 10px 0;
					}
			.sub-content .ryokin-guide-aside li ul li {
				border-top: 1px dotted #f398b7;
				border-bottom: none;
				padding-left: 20px;
				}
}
@media (max-width: 420px) {
.main-wrap h2.h2-icn {
	font-size: 114%;
	margin: 5px 0 10px;
	padding-left: 40px;
	}
	.sub-content .traffic-info {
		background: #fff;
		border: 1px solid #2c64c1;
		border-top: 5px solid #2c64c1;
		border-radius: 3px;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		margin-bottom: 20px;
		padding: 10px;
		}
		.sub-content .traffic-info a {
			text-decoration: none;
			}
			.sub-content .traffic-info a.arrow-blue{
				display: inline-block;
				margin-top: 5px;
				margin-bottom: 3px;
				}
			.sub-content .traffic-info a.arrow-blue:hover {
				text-decoration: underline;
				}
		.sub-content .traffic-info .h2-traffic-info {
			background: url(../img/h2_trafficinfo.png) no-repeat 0 0;
			line-height: 23px;
			}
		.sub-content .traffic-info .detail-red {
			border: 1px solid #f00;
			border-radius: 5px;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			margin-bottom: 10px;
			padding: 2px;
			}
			/* ↓↓↓↓ 20170201 ADD */
			.detail-red a {
				display: block;
				color: #f00;
				line-height: 2.3;
				}
				/* ↑↑↑↑ 20170201 ADD */
			.sub-content .traffic-info .detail-red p {
				/* ↓↓↓↓ 20170311 MOD */
				/* background: #e1ebff url(../img/img_trafficinfo_red.png) no-repeat 10px center; */
				background: #e1ebff url(../img/img_trafficinfo_red0.png) no-repeat 10px center;
				/* ↑↑↑↑ 20170311 MOD */
				
				/* ↓↓↓↓ 20170201 ADD */
				/* ↓↓↓↓ 20170311 MOD */
				/* background-size: 40px 40px; */
				background-size: 49px 30px;
				/* ↑↑↑↑ 20170311 MOD */
				/* ↑↑↑↑ 20170201 ADD */
				border: 3px solid #f00;
				border-radius: 5px;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				color: #f00;
				line-height: 1.2;
				min-height: 36px;
				/* ↓↓↓↓ 20170320 MOD */
				/* padding: 10px 15px 5px 60px; */
				padding: 10px 15px 5px 70px;
				/* ↑↑↑↑ 20170320 MOD */
				}
/* ↓↓↓↓ 20170201 ADD */
.detail-red--system {
	border: 1px solid #f00;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin-bottom: 10px;
	padding: 2px;
	}
	.detail-red--system a {
		display: block;
		color: #f00;
		}
	.detail-red--system p {
		background-size: 49px 49px;
		border: 3px solid #f00;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		color: #f00;
		line-height: 1.2;
		min-height: 36px;
		/* ↓↓↓↓ 20170320 MOD */
		/*padding: 10px 15px 5px 70px;*/
		padding: 10px 15px 5px 50px;
		/* ↑↑↑↑ 20170320 MOD */
		}
		.detail-red--bike {
			border: 1px solid #f00;
			border-radius: 5px;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			margin-bottom: 10px;
			padding: 2px;
			}
			.detail-red--bike a {
				display: block;
				color: #f00;
				}
			.detail-red--bike p {
				/* ↓↓↓↓ 20170311 MOD */
				/* background: #e1ebff url(../img/img_trafficinfo_red_bike.png) no-repeat 10px center; */
				/* background-size: 40px 40px; */
				background: #e1ebff url(../img/img_trafficinfo_red_bike0.png) no-repeat 10px center;
				background-size: 49px 30px;
				/* ↑↑↑↑ 20170311 MOD */
				border: 3px solid #f00;
				border-radius: 5px;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				color: #f00;
				line-height: 1.2;
				min-height: 36px;
				/* ↓↓↓↓ 20170320 MOD */
				/* padding: 10px 15px 5px 60px; */
				padding: 10px 15px 5px 70px;
				/* ↑↑↑↑ 20170320 MOD */
				}
/* ↑↑↑↑ 20170201 ADD */
		.sub-content .traffic-info .detail-blue {
			background: #e1ebff;
			border-radius: 5px;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			margin-bottom: 10px;
			padding: 2px;
			}
			.sub-content .traffic-info .detail-blue p {
				background: #e1ebff url(../img/img_trafficinfo_blue.png) no-repeat 10px center;
				/* ↓↓↓↓ 20170311 MOD */
				/*line-height: 1.2;*/
				line-height: 2.5;
				/* ↑↑↑↑ 20170311 MOD */
				min-height: 54px;
/* ↓↓↓↓ 20170320 MOD */
				/*padding: 10px 15px 5px 80px;*/
				padding: 10px 15px 5px 75px;
/* ↑↑↑↑ 20170320 MOD */
				}
/* ↓↓↓↓ 20170201 ADD */
		.sub-content .traffic-info .detail-blue--bike {
			background: #e1ebff;
			border-radius: 5px;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			margin-bottom: 10px;
			padding: 2px;
			}
			.sub-content .traffic-info .detail-blue--bike p {
				background: #e1ebff url(../img/img_trafficinfo_blue_bike.png) no-repeat 10px center;
				background-size: 49px 30px;
				line-height: 1.2;
				min-height: 54px;
				vertical-align: middle;
/* ↓↓↓↓ 20170320 MOD */
				/*padding: 10px 15px 5px 80px;*/
				padding: 10px 15px 5px 75px;
/* ↑↑↑↑ 20170320 MOD */
				}
/* ↑↑↑↑ 20170201 ADD */
		.sub-content .traffic-info .h2-prices-route {
			background: url(../img/h2_pricesroute.png) no-repeat 0 0;
			line-height: 21px;
			}
		.sub-content .traffic-info .img-route {
			margin-bottom: 10px;
			}
			.sub-content .traffic-info .img-route li {
				float: left;
				width: 33.3%;
				}
		.sub-content .prices-route h2.h2-icn {
			background: url(../img/h2_pricesroute.png) no-repeat 0 0;
			line-height: 21px;
			}
		.sub-content .traffic-info select {
			border: 1px solid #ccc;
			font-size: 16px;
			letter-spacing: 0.06em;
			/* ↓↓↓↓ 20170323 MOD */
			/* width: 82%; */
			width: 75%;
			/* ↑↑↑↑ 20170323 MOD */
			margin-bottom: 10px;
			margin-right: 8px;
			padding: 3px 5px;
			-webkit-appearance: none;
			}
		.sub-content .traffic-info input {
			-webkit-appearance: none;
			background: #235ec7;
			color: #fff;
			font-size: 114%;
			/* ↓↓↓↓ 20170323 MOD */
			/* width: 15%; */
			width: 18%;
			/* ↑↑↑↑ 20170323 MOD */
			margin-bottom: 10px;
			padding: 5px 5px;
			text-align: center;
			}
	.sub-content .side-nav,
	.sub-content .ryokin-guide-aside {
		display: none;
		}
	.sub-content .bnr-area {
		background: #fff;
		border-top: 5px solid #2c64c1;
		border-radius: 3px;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		margin-bottom: 20px;
		padding: 25px 0;
		position: relative;
		overflow: hidden;
		}
		.sub-content .bnr-area .bnr-images {
			width: 280px;
			height: 230px;
			margin: 0 auto 5px;
			overflow: hidden;
			}
			.sub-content .bnr-area .bnr-images .caroufredsel_wrapper {
				overflow: visible !important;
				}
			.sub-content .bnr-area .bnr-images .caroufredsel_wrapper ul {
				width: 280px !important;
				height: 230px !important;
				}
		.sub-content .bnr-area li {
			display: block;
			float: left;
			}
			.sub-content .bnr-area li:hover {
				filter: alpha(opacity=60);
				-moz-opacity: 0.60;
				opacity: 0.60;
				zoom: 1;
				}
		.sub-content .bnr-area .bnr-thumbs {
			overflow: hidden;
			}
			.sub-content .bnr-area > .caroufredsel_wrapper {
				margin: 0 auto !important;
				}
			.sub-content .bnr-area .bnr-thumbs img {
				cursor: pointer;
				display: block;
				float: left;
				width: 50px;
				height: 41px;
				margin: 0 3px 0 2px;
				}
			.sub-content .bnr-area .bnr-thumbs img.selected {
				filter: alpha(opacity=60);
				-moz-opacity: 0.60;
				opacity: 0.60;
				zoom: 1;
				}
		.sub-content .bnr-area .bnr-next {
			background: #85776c url(../img/icn_arrow_white.png) no-repeat center center;
			color: #fff;
			display: block;
			width: 20px;
			height: 41px;
			position: absolute;
			bottom: 25px;
			right: 20px;
			}
		.sub-content .bnr-area .bnr-prev {
			background: #85776c url(../img/icn_arrow_white_left.png) no-repeat center center;
			color: #fff;
			display: block;
			width: 20px;
			height: 41px;
			position: absolute;
			bottom: 25px;
			left: 20px;
			}
			.sub-content .bnr-area .bnr-next:hover,
			.sub-content .bnr-area .bnr-prev:hover {
				filter: alpha(opacity=60);
				-moz-opacity: 0.60;
				opacity: 0.60;
				zoom: 1;
				}
	.sub-content .etc-area {
		display: none;
		}
	.sub-content .safety-area {
		background: #fff;
		border-top: 5px solid #2c64c1;
		border-radius: 3px;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		margin-bottom: 20px;
		padding: 10px;
		}
		.sub-content .safety-area h2.h2-icn {
			background: url(../img/h2_safetyarea.png) no-repeat 5px 0;
			line-height: 22px;
			}
		.sub-content .safety-area p {
			text-align: center;
			}
		.sub-content .safety-area img {
			max-width: 196px;
			}
		.sub-content .safety-area ul {
			padding: 0 10px;
			}
			.sub-content .safety-area li {
				background: url(../img/icn_arrow_blue.png) no-repeat left 45%;
				font-size: 114%;
				padding-left: 12px;
				}
	.sub-content .outlink-bnr-area {
		background: #fff;
		border-top: 5px solid #2c64c1;
		border-radius: 3px;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		margin-bottom: 20px;
		padding: 10px;
		text-align: center;
		}
}
/* ↓↓↓↓ 20170201 ADD */
.fee-area {
	border-top: 5px solid #2c64c1;
	border-radius: 2.5px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	/* ↓↓↓↓ 20170323 MOD */
	/* padding: 10px 0; */
	padding: 10px 0 5px 0;
	/* ↑↑↑↑ 20170323 MOD */
	/*
	position: relative;
	overflow: hidden;
	*/
	}
.line1 {
	border-top: 1px solid #2c64c1;
	padding: 10px 0;
	/* ↓↓↓↓ 20170323 ADD */
	margin-bottom: 5px;
	/* ↑↑↑↑ 20170323 ADD */

}
/* ↑↑↑↑ 20170201 ADD */

@media (min-width: 421px) {
.top .main-content {
	float: right;
	width: 650px;
	padding-top: 115px;
	position: absolute;
	right: 0;
	}
	.top .btn-list {
		position: absolute;
		top: 0;
		right: 0;
    	z-index: 10;
		}
		.top .btn-list li {
			float: left;
			margin-right: 10px;
			}
.under .main-content {
	float: left;
	width: 650px;
	min-height: 700px;
	}
	.under .btn-list {
		background: #fff;
		border-top: 5px solid #2c64c1;
		border-radius: 3px;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		margin-bottom: 20px;
		padding: 10px;
		}
		.under .btn-list li {
			float: left;
			margin: 0 5px 5px 0;
			}
			.top .btn-list li:last-child,
			.under .btn-list li:nth-child(3n) {
				margin-right: 0;
				}
		.btn-list li a {
			background: #2c64c1;
			border-bottom: 5px solid #14195a;
			border-radius: 3px;
			-webkit-border-radius:3px;
			-moz-border-radius:3px;
			color: #fff;
			display: table-cell;
			line-height: 1.2;
			width: 100px;
			height: 90px;
			text-align: center;
			text-decoration: none;
			vertical-align: middle;
			}
			.btn-list li:first-child a,
			.btn-list li:nth-child(3) a {
				background: #2c64c1 url(../img/icn_target_blank.png) no-repeat 80px 5px;
				}
		.btn-list li a img {
			margin-bottom: 8px;
			}
		.btn-list li a span {
				display: block;
				height: 42px;
				margin-bottom: 8px;
				}
		.btn-list li.small a span {
				height: 48px;
				}
.main-content .sub-kv-area {
	margin-bottom: 20px;
	}
	.main-content .sub-kv-area li {
		border: 1px solid #316ad3;
		}
		.main-content .sub-kv-area li:first-child {
			float: left;
			}
		.main-content .sub-kv-area li:last-child {
			float: right;
			}
}
@media (max-width: 420px) {
.btn-list {
	background: #fff;
	border-top: 5px solid #2c64c1;
	border-radius: 3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	margin-bottom: 20px;
	padding: 10px 10px 0;
	}
	.btn-list li {
		float: left;
		width: 32%;
		margin-right: 2%;
		margin-bottom: 10px;
		}
		.btn-list li:nth-child(3n) {
			margin-right: 0;
			}
		.btn-list li a {
			background: #2c64c1;
			border-bottom: 5px solid #14195a;
			border-radius: 3px;
			-webkit-border-radius:3px;
			-moz-border-radius:3px;
			color: #fff;
			display: table;
			line-height: 1.2;
			width: 100%;
			text-decoration: none;
			}
			.btn-list li:first-child a,
			.btn-list li:nth-child(3) a {
				background: #2c64c1 url(../img/icn_target_blank.png) no-repeat 95% 5px;
				}
			.btn-list li a p {
				display: table-cell;
				width: 100%;
				height: 90px;
				text-align: center;
				vertical-align: middle;
				}
				.btn-list li a span{
					display: block;
					margin-bottom: 8px;
					}
					.btn-list li a img{
					width: auto;
					}
.main-content .sub-kv-area li {
	border: 1px solid #316ad3;
	margin-bottom: 20px;
	}
}

/*----------------------------------------------

	common - under

----------------------------------------------*/
@media (min-width: 421px) {
.bread {
	margin-bottom: 30px;
	}
	.bread ol {
		letter-spacing: -0.4em;
		}
		.bread li {
			display: inline-block;
			letter-spacing: 1px;
			}
			.bread li:after {
				content: "＞";
				display: inline-block;
				padding: 0 10px;
				}
			.bread li:last-child:after {
				display: none;
				}
			.bread li a {
				color: #2861c4;
				text-decoration: none;
				}
				.bread li a:hover {
					text-decoration: underline;
					}

/*----------------------------------------------

	common - middle

----------------------------------------------*/
.middle-wrap {
	background: #fff;
	border-radius: 3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	margin-bottom: 20px;
	padding: 20px;
	}
.middle-title {
	border-radius: 3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	color: #fff;
	width: 360px;
	min-height: 170px;
	margin-bottom: 20px;
	padding: 30px 270px 20px 20px;
	}
	.topics .middle-title {
		background: #235ec7 url(../topics/img/bg_middle_title.jpg) no-repeat 405px 5px;
		}
	.traffic .middle-title {
		background: #235ec7 url(../traffic/img/bg_middle_title.jpg) no-repeat 405px 5px;
		}
	.guide .middle-title {
		background: #235ec7 url(../guide/img/bg_middle_title.jpg) no-repeat 405px 5px;
		}
	.etc .middle-title {
		background: #235ec7 url(../etc/img/bg_middle_title.jpg) no-repeat 405px 5px;
		}
	.safety .middle-title {
		background: #235ec7 url(../safety/img/bg_middle_title.jpg) no-repeat 405px 5px;
		}
	.sapa .middle-title {
		background: #235ec7 url(../sapa/img/bg_middle_title.jpg) no-repeat 405px 5px;
		}
	.kanko_event .middle-title {
		background: #235ec7 url(../kanko_event/img/bg_middle_title.jpg) no-repeat 405px 5px;
		}
	.gallery .middle-title {
		background: #235ec7 url(../gallery/img/bg_middle_title.jpg) no-repeat 405px 5px;
		}
	.middle-title.caption-none {
		display: table;
		min-height: 220px;
		padding: 0 270px 0 20px;
		}
		.middle-title.caption-none:before {
			content: ".";
			display: block;
			float: left;
			width: 0;
			height: 220px;
			opacity: 0;
			}
	.middle-title .h1-middle {
		border-bottom: 1px solid #fff;
		font-size: 300%;
		line-height: 1em;
		margin-bottom: 13px;
		padding-bottom: 5px;
		}
		.middle-title.caption-none .h1-middle {
			border-bottom: none;
			display: table-cell;
			line-height: 1em;
			padding-top: 20px;
			vertical-align: middle;
			}
		.middle-title .h1-middle span {
			font-size: 25%;
			display: block;
			margin-top: -10px;
			}
			.middle-title.caption-none .h1-middle span {
				display: block;
				margin-top: -10px;
				}
	.middle-title > p {
		line-height: 1.3;
		}
.middle-list ul:after {
	clear: both;
	content: "";
	display: block;
	}
	.middle-list li {
		float: left;
		}
	.middle-list .large {
		margin-bottom: 40px;
		}
		.middle-list .large li {
			margin-bottom: 20px;
			margin-right: 16px;
			}
			.middle-list .large li:nth-child(2n) {
				margin-right: 0;
				}
			.middle-list .large li a {
				border: 1px solid #ccc;
				border-radius: 3px;
				-webkit-border-radius:3px;
				-moz-border-radius:3px;
				display: block;
				width: 295px;
				min-height: 230px;
				padding-bottom: 20px;
				text-decoration: none;
				overflow: hidden;
				}
			.middle-list .large li a h2 {
				border-bottom: 1px solid #2861c4;
				font-size: 114%;
				font-weight: bold;
				margin: 0 10px 5px;
				padding: 20px 10px 3px;
				}
			.middle-list .large li a p {
				padding: 0 20px;
				}
	.middle-list .small {
		margin-bottom: 15px;
		}
		.middle-list .small li {
			width: 295px;
			margin-right: 17px;
			margin-bottom: 15px;
			}
			.middle-list .small li:after {
				clear: both;
				content: "";
				display: block;
				}
			.middle-list .small li:nth-child(2n) {
				margin-right: 0;
				}
			.middle-list .small li a {
				display: table;
				width: 295px;
				text-decoration: none;
				position: relative;
				}
				.middle-list .small li a:hover{
				text-decoration: underline;
				}
				.middle-list .small li a h2 {
					border: 1px solid #2861c4;
					border-radius: 3px;
					-webkit-border-radius:3px;
					-moz-border-radius:3px;
					color: #2861c4;
					display: table;
					float: left;
					font-size: 85%;
					font-weight: bold;
					line-height: 1.2;
					width: 90px;
					margin-bottom: 5px;
					text-align: center;
					}
					.middle-list .small li a h2 span {
						display: table-cell;
						height: 90px;
						vertical-align: middle;
						}
					.middle-list .small li a:hover h2 {
						background-color: #2861c4;
						color: #fff;
						}
				.middle-list .small li a p {
					line-height: 1.4;
					padding-left: 102px;
					}

/*----------------------------------------------

	common - detail

----------------------------------------------*/
.detail-wrap {
	background: #fff;
	border-radius: 3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	/* ↓↓↓↓ 20170201 UPDATE */
	/* margin-bottom: 20px; */
	margin-bottom: 200px;
	/* ↑↑↑↑ 20170201 UPDATE */
	padding: 20px;
	}
	.detail-wrap a {
		color: #2861c4;
		}
.h1-detail {
	border-bottom: 5px solid #2861c4;
	font-size: 142%;
	font-weight: bold;
	margin-bottom: 20px;
	padding-bottom: 1px;
	}
	.h1-detail span {
		border-bottom: 1px solid #2861c4;
		display: block;
		padding: 0 5px 5px;
		}
	.h1-detail span:after {
		content: url(../img/h1_icn_setouchi.png);
		padding-left: 5px;
		}
.h1-detail.rss-link {
	position: relative;
	}
	.h1-detail.rss-link a {
		font-size: 65%;
		position: absolute;
		top: 5px;
		right: 35px;
		}
		.h1-detail.rss-link .icn {
			position: absolute;
			top: 5px;
			right: 10px;
			}
		.h1-detail.rss-link a img {
			margin-left: 5px;
			}
h2.h2 {
	font-size: 128%;
	}
	h2.h2-middle {
		border-bottom: 1px solid #2861c4;
		font-weight: bold;
		margin-bottom: 25px;
		padding: 0 5px 5px;
		}
		.h2-middle:after {
			content: url(../img/h1_icn_setouchi.png);
			padding-left: 10px;
			}
	h2.h2-detail {
		border-bottom: 1px solid #2861c4;
		font-weight: bold;
		margin: 40px 0 25px;
		padding: 0 5px 5px;
		}
	h2.h2-circle {
		background: url(../../img/icn_h3_small.png) no-repeat 0 2px;
		color: #0646b1;
		font-size: 114%;
		font-weight: bold;
		margin: 25px 0 10px;
		padding-left: 20px;
		}
	.h1-detail + .h2-detail {
		margin: 20px 0 25px;
		}
h3.h3 {
	margin-bottom: 10px;
	}
	h3.h3.circle {
		background: url(../../img/icn_h3_small.png) no-repeat 0 2px;
		color: #0646b1;
		font-size: 114%;
		font-weight: bold;
		padding-left: 20px;
		}
	h3.h3.border {
		border-bottom: 1px dotted #a7a7a7;
		color: #0646b1;
		font-weight: bold;
		padding-bottom: 3px;
		}
h4.h4 {
	font-weight: bold;
	margin-bottom: 10px;
	}

/* box */
.box-wrap {
	margin-bottom: 30px;
	}
	.box-wrap:after {
		clear: both;
		content: "";
		display: block;
		}
	.box-wrap.red-border .box {
		border: 2px solid #f00;
		padding: 10px;
		}
	.box-wrap.red-border-double .box {
		border: 7px double #f00;
		padding: 10px;
		}
	.box.w3-1 { width: 200px;}
	.box.w3-2 { width: 390px;}
	.box.w4-1 { width: 145px;}
	.box.w4-3 { width: 435px;}
	.box.w2-part { width: 290px;}
	.box.w3-part { width: 190px;}
	.box.w4-part { width: 145px;}

	.box-wrap.cal3 .box.float-left.w3-part {
		margin-right: 20px;
		}
	.box-wrap.cal4 .box.float-left.w4-part {
		margin-right: 10px;
		}
	.box.border {
		border: 1px solid #ccc;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		padding: 15px;
		}
		.box.border.bold {
			border: 3px solid #ccc;
			}
		.box.border.double {
			border: 3px double #ccc;
			}
		.box.border.dotted {
			border: 1px dotted #ccc;
			}
		.box.border.blue {
			border-color: #06f !important;
			}
		.box.border.thin-blue {
			border-color: #e4edfc !important;
			}
		.box.border.dark-blue {
			border-color: #122185 !important;
			}
		.box.border.brown {
			border-color: #d99694 !important;
			}
		.box.border.red {
			border-color: #f00 !important;
			}
	.box.bg-yellow {
		background: #ffc;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		padding: 15px;
		}
	.box.bg-blue {
		background: #f0f4fd;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		padding: 15px;
		}
	.photo-frame {
		background: #fff;
		border: 1px #ccc solid;
		box-shadow: 3px 2px 3px rgba(0, 0, 0, 0.4);
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		padding: 15px;
		}
		.photo-frame.dark {
			background: #fff;
			border: 1px #666 solid;
			box-shadow: 3px 2px 3px rgba(0, 0, 0, 0.4);
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-o-box-sizing: border-box;
			-ms-box-sizing: border-box;
			padding: 5px;
			}
	.parenthesis {
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		margin: 10px 0;
		padding: 5px 20px;
		position: relative;
		}
		.parenthesis::before,
		.parenthesis::after {
			border-top: 1px solid #666;
			border-bottom: 1px solid #666;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-o-box-sizing: border-box;
			-ms-box-sizing: border-box;
			content: '';
			width: 10px;
			height: 100%;
			position: absolute;
			top: 0;
			}
		.parenthesis::before {
			border-left: 1px solid #666;
			border-radius: 5px 0 0 5px;
			left: 0;
			}
		.parenthesis::after {
			border-right: 1px solid #666;
			border-radius: 0 5px 5px 0;
			right: 0;
			}
			.parenthesis.after-none::after {
				display: none;
				}
	.box.pb5 {
		padding: 15px 15px 5px;
		}

/* table */
.table-td table {
	width: 100%;
	}
	.table-td table th,
	.table-td table td {
		border: 1px solid #ddd;
		padding: 5px;
		}
	.table-td table td.bg {
		background: #f4f4f4;
		}
.table-all-td table {
	width: 100%;
	}
	.table-all-td table td {
		border: 1px solid #ddd;
		padding: 5px;
		}
	.table-all-td table td.bg {
		background: #f4f4f4;
		}
.table-th-td table {
	width: 100%;
	}
	.table-th-td table th,
	.table-th-td table td {
		border: 1px solid #ddd;
		padding: 5px 10px;
		}
	.table-th-td table th {
		background: #f4f4f4;
		width: 30%;
		}
	.table-th-td table td {
		width: 70%;
		}
.table-th-td-more table {
	width: 100%;
	}
	.table-th-td-more table th,
	.table-th-td-more table td {
		border: 1px solid #ddd;
		padding: 2px 5px;
		}
	.table-th-td-more table th {
		background: #f4f4f4;
		}
	.table-th-td-more table td.bg {
		background: #f4f4f4;
		}
	.th-blue th {
		background: #e4edfc !important;
		}
.table-th-more-td-more table {
	width: 100%;
	}
	.table-th-more-td-more table th,
	.table-th-more-td-more table td {
		border: 1px solid #ddd;
		padding: 5px;
		}
	.table-th-more-td-more table th {
		background: #f4f4f4;
		}
	.table-th-more-td-more table td.bg {
		background: #f4f4f4;
		}
.table-border-none th, .table-border-none td { border: none !important;}
.table-border-top-none {	border-top: none !important;}
.table-border-bottom-none {	border-bottom: none !important;}
.table-border-left-none {	border-left: none !important;}
.table-border-right-none {	border-right: none !important;}
.cell1-center th:first-child, .cell1-center td:first-child {	text-align: center;}
.cell2-center th:nth-child(2), .cell2-center td:nth-child(2) {	text-align: center;}
.cell3-center th:nth-child(3), .cell3-center td:nth-child(3) {	text-align: center;}
.cell4-center th:nth-child(4), .cell4-center td:nth-child(4) {	text-align: center;}
.cell5-center th:nth-child(5), .cell5-center td:nth-child(5) {	text-align: center;}
.cell6-center th:nth-child(6), .cell6-center td:nth-child(6) {	text-align: center;}
.cell7-center th:nth-child(7), .cell7-center td:nth-child(7) {	text-align: center;}
.cell8-center th:nth-child(8), .cell8-center td:nth-child(8) {	text-align: center;}
table .w10 { width: 10%;}
table .w14-5 { width: 14.5%;}
table .w15 { width: 15%;}
table .w20 { width: 20%;}
table .w25 { width: 25%;}
table .w30 { width: 30%;}
table .w35 { width: 35%;}
table .w40 { width: 40%;}
table .w45 { width: 45%;}
table .w50 { width: 50%;}
table .bg-white {	background: #fff !important;}
table .bg-pink {	background: #e6b8b7;}
table .bg-redpink {	background: #f9c;}
table .bg-red {	background: #f00;}
table .bg-green {	background: #00b050;}
table .bg-gold {	background: #948a54;}
table .bg-peach {	background: #fcd5b4;}
table .bg-blue {	background: #0070c0;}
table .bg-thin-blue {	background: #b7dee8;}
table .bg-bluegray {	background: #b3c8e0;}
table .bg-thin-bluegray {	background: #e4edfc !important;}
table .bg-ygreen {	background: #92d050;}
table .bg-thin-ygreen {	background: #d8e4bc;}
table .bg-gray {	background: #595959;}
table .bg-thin-gray {	background: #bfbfbf;}
table .bg-purple {	background: #7030a0;}
table .bg-thin-purple {	background: #ccc0da;}
table .bg-yellow {	background: #ffc000;}
table .bg-thin-yellow {	background: #ff0;}
table .border-double { border-bottom: 3px double #ddd;}
table .bg-lawngreen {	background: #6f0;}
table .bg-cream-yellow {	background: #fffbd4;}
table .bg-orange {	background: #f93 none repeat scroll 0 0;}
table.va-top td {
	vertical-align: top !important;
	}
.table-rateseach table {
	border: #0646b1 solid 2px;
	}
	.table-rateseach table th {
		background: #d7e6fb;
		color: #0646b1;
		font-weight: bold;
		}
	.table-rateseach table td.back-icon {
	    background: url(/img/car.jpg) no-repeat 20px center;
		padding: 10px 5px 10px 100px;
		}
table.auto { width: auto !important;}

.list-wrap {
	margin-bottom: 20px;
	}
	.list-wrap:after {
		clear: both;
		content: "";
		display: block;
		}
		.list-wrap li {
			margin-bottom: 5px;
			}
	.list-wrap.cal2 li,
	.list-wrap.cal3 li {
		float: left;
		}
	.list-wrap.cal2 li {
		width: 295px;
		margin-right: 20px;
		}
		.list-wrap.cal2 li:nth-child(2n) {
			margin-right: 0;
			}
	.list-wrap.cal3 li {
		width: 190px;
		margin-right: 20px;
		}
		.list-wrap.cal3 li:nth-child(3n) {
			margin-right: 0;
			}
.list-wrap li.none {
	background: none !important;
	display: none;
	}

.list-wrap.dash-border li {
	border-bottom: 1px dashed #ccc;
	}
.circle-list > ul > li {
	background: url(../../img/icn_list.png) no-repeat left 6px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	padding: 0 15px
	}
	.circle-list.red > ul > li {
		background: url(../../img/icn_list_red.png) no-repeat left 6px;
		}
.num-list > ul {
	padding-left: 30px;
	}
	.num-list > ul > li {
		list-style: outside decimal;
		}
.disc-list > ul {
	padding-left: 30px;
	}
	.disc-list > ul > li {
		list-style: outside disc;
		}
.num-parenthesis-list > ul > li {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	list-style: none;
	padding-left: 2em;
	text-indent: -2em;
	}
.float-dl-list {
	border-bottom: 1px solid #ddd;
	margin-bottom: 20px;
	}
	.float-dl-list.none {
		border-bottom: none;
		}
	.float-dl-list dt {
		float: left;
		width: 140px;
		padding: 10px 0 8px;
		}
		.float-dl-list.small dt {
			width: 80px;
			}
		.float-dl-list.midium dt {
			width: 200px;
			}
		.float-dl-list.large dt {
			width: 270px;
			}
		.float-dl-list.more-large dt {
			width: 340px;
			padding: 0 0 0 1.5em !important;
			}
			.float-dl-list.more-large dt.w100 {
				width: 100%;
				padding-left: 0;
				}
		.float-dl-list.none dt {
			padding: 5px 0;
			}
			.coat-square:before {
				content: "◆ ";
				}
				.coat-square.large:before {
					font-size: 125%;
					line-height: 1em;
					}
			.border-square:before {
				content: "◇ ";
				}
			.float-dl-list dt.circle {
				background: url(../../img/icn_list.png) no-repeat left 6px;
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				-o-box-sizing: border-box;
				-ms-box-sizing: border-box;
				padding: 5px 15px
				}
	.float-dl-list dd {
		border-top: 1px solid #ddd;
		padding: 10px 0 8px 150px;
		}
		.float-dl-list dd:after {
			content : "";
			display : block;
			clear : both;
			}
		.float-dl-list.small dd {
			padding-left: 90px;
			}
		.float-dl-list.midium dd {
			padding-left: 210px;
			}
		.float-dl-list.large dd {
			padding-left: 280px;
			}
		.float-dl-list.more-large dd {
			padding: 0 0 0 350px !important;
			}
		.float-dl-list.none dd {
			border-top: none;
			padding-top: 5px;
			padding-bottom: 5px;
			}
.border-list li {
	border-right: 1px solid #666;
	display: inline-block;
	line-height: 1;
	padding: 0 15px 0 11px;
	}
	.border-list li:first-child {
		border-left: 1px solid #666;
		}
}
@media (max-width: 420px) {
.bread {
	margin-bottom: 20px;
	}
	.bread ol {
		letter-spacing: -0.4em;
		}
		.bread li {
			display: inline-block;
			letter-spacing: 1px;
			}
			.bread li:after {
				content: "＞";
				display: inline-block;
				padding: 0 10px;
				}
			.bread li:last-child:after {
				display: none;
				}
			.bread li a {
				color: #2861c4;
				text-decoration: none;
				}
				.bread li a:hover {
					text-decoration: underline;
					}

/*----------------------------------------------

	common - middle

----------------------------------------------*/
.middle-wrap {
	background: #fff;
	border-radius: 3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	margin-bottom: 20px;
	padding: 10px;
	}
.middle-title {
	background: #235ec7;
	border-radius: 3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	color: #fff;
	margin-bottom: 20px;
	padding: 20px 10px 10px;
	}
	.middle-title .h1-middle {
		border-bottom: 1px solid #fff;
		font-size: 200%;
		line-height: 1em;
		margin-bottom: 13px;
		padding-bottom: 5px;
		}
		.middle-title .h1-middle span {
			display: block;
			font-size: 43%;
			/*margin-top: 10px;*/
			}
	.middle-title > p {
		line-height: 1.3;
		}
.middle-list ul:after {
	clear: both;
	content: "";
	display: block;
	}
	.middle-list li {
		float: left;
		}
	.middle-list .large {
		margin-bottom: 20px;
		}
		.middle-list .large li {
			width: 100%;
			margin-bottom: 20px;
			}
			.middle-list .large li a {
				border: 1px solid #ccc;
				border-radius: 3px;
				-webkit-border-radius:3px;
				-moz-border-radius:3px;
				display: block;
				width: 100%;
				text-decoration: none;
				overflow: hidden;
				}
			.middle-list .large li a h2 {
				border-bottom: 1px solid #2861c4;
				font-size: 114%;
				font-weight: bold;
				margin: 0 10px 5px;
				padding: 20px 10px 3px;
				}
			.middle-list .large li a p {
				padding: 0 20px 10px;
				}
	.middle-list .small {
		margin-bottom: 15px;
		}
		.middle-list .small li {
			margin-bottom: 15px;
			}
			.middle-list .small li:after {
				clear: both;
				content: "";
				display: block;
				}
			.middle-list .small li a {
				display: table;
				width: 100%;
				text-decoration: none;
				position: relative;
				}
				.middle-list .small li a h2 {
					border: 1px solid #2861c4;
					border-radius: 3px;
					-webkit-border-radius:3px;
					-moz-border-radius:3px;
					color: #2861c4;
					display: table;
					float: left;
					font-size: 85%;
					font-weight: bold;
					line-height: 1.2;
					width: 90px;
					margin-bottom: 5px;
					text-align: center;
					}
					.middle-list .small li a h2 span {
						display: table-cell;
						height: 90px;
						vertical-align: middle;
						}
					.middle-list .small li a:hover h2 {
						background-color: #2861c4;
						color: #fff;
						}
				.middle-list .small li a p {
					line-height: 1.4;
					padding-left: 102px;
					}

/*----------------------------------------------

	common - detail

----------------------------------------------*/
.detail-wrap {
	background: #fff;
	border-radius: 3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	margin-bottom: 20px;
	padding: 10px;
	}
	.detail-wrap a {
		color: #2861c4;
		}
.h1-detail {
	border-bottom: 5px solid #2861c4;
	font-size: 142%;
	font-weight: bold;
	margin-bottom: 20px;
	padding-bottom: 1px;
	}
	.h1-detail span {
		border-bottom: 1px solid #2861c4;
		display: block;
		padding: 0 5px 5px;
		}
.h1-detail.rss-link {
	position: relative;
	}
	.h1-detail.rss-link span {
		padding: 0 35% 5px 5px;
		}
	.h1-detail.rss-link a {
		font-size: 65%;
		position: absolute;
		bottom: 5px;
		right: 35px;
		}
		.h1-detail.rss-link .icn {
			position: absolute;
			bottom: 5px;
			right: 10px;
			}
		.h1-detail.rss-link a img {
			margin-left: 5px;
			}
h2.h2 {
	font-size: 128%;
	}
	h2.h2-middle {
		border-bottom: 1px solid #2861c4;
		font-weight: bold;
		margin-bottom: 25px;
		padding: 0 5px 5px;
		}
	h2.h2-detail {
		border-bottom: 1px solid #2861c4;
		font-weight: bold;
		margin: 40px 0 25px;
		padding: 0 5px 5px;
		}
	h2.h2-circle {
		background: url(../../img/icn_h3.png) no-repeat 0 4px;
		background-size: 9px;
		color: #0646b1;
		font-weight: bold;
		margin: 40px 0 10px;
		padding-left: 15px;
		}
	.h1-detail + .h2-detail {
		margin: 20px 0 25px;
		}
h3.h3 {
	margin-bottom: 10px;
	}
	h3.h3.circle {
		background: url(../../img/icn_h3.png) no-repeat 0 4px;
		background-size: 9px;
		color: #0646b1;
		font-weight: bold;
		padding-left: 15px;
		}
	h3.h3.border {
		border-bottom: 1px dotted #a7a7a7;
		color: #0646b1;
		font-weight: bold;
		padding-bottom: 3px;
		}
h4.h4 {
	font-weight: bold;
	margin-bottom: 10px;
	}

/* box */
.box-wrap {
	margin-bottom: 30px;
	}
	.box-wrap:after {
		clear: both;
		content: "";
		display: block;
		}
	.box-wrap.red-border .box {
		border: 2px solid #f00;
		padding: 10px;
		}
	.box-wrap.red-border-double .box {
		border: 7px double #f00;
		padding: 10px;
		}
	.box {
		width: 100%;
		}
		.box.w2-part-sp {
			width: 48%;
			}
			.box.w2-part-sp:nth-child(odd) {
				margin-right: 4%;
				}
			.box.w2-part-sp:nth-child(even) {
				margin-right: 0 !important;
				}
		.box:last-child,
		.box.w2-part-sp:nth-last-child(2) {
			margin-bottom: 0;
			}
	.box img { width: 100%;}
	.box img.auto { width: auto !important;}

	.box.border {
		border: 1px solid #ccc;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		padding: 15px;
		}
		.box.border.bold {
			border: 3px solid #ccc;
			}
		.box.border.double {
			border: 3px double #ccc;
			}
		.box.border.dotted {
			border: 1px dotted #ccc;
			}
		.box.border.blue {
			border-color: #06f !important;
			}
		.box.border.thin-blue {
			border-color: #e4edfc !important;
			}
		.box.border.dark-blue {
			border-color: #122185 !important;
			}
		.box.border.brown {
			border-color: #d99694 !important;
			}
		.box.border.red {
			border-color: #f00 !important;
			}
	.box.bg-yellow {
		background: #ffc;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		padding: 15px;
		}
	.box.bg-blue {
		background: #e4edfc;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		padding: 15px;
		}
	.photo-frame {
		background: #fff;
		border: 1px #ccc solid;
		box-shadow: 3px 2px 3px rgba(0, 0, 0, 0.4);
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		padding: 15px;
		}
		.photo-frame.dark {
			background: #fff;
			border: 1px #666 solid;
			box-shadow: 3px 2px 3px rgba(0, 0, 0, 0.4);
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-o-box-sizing: border-box;
			-ms-box-sizing: border-box;
			padding: 5px;
			}
	.parenthesis {
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		margin: 10px 0;
		padding: 5px 20px;
		position: relative;
		}
		.parenthesis::before,
		.parenthesis::after {
			border-top: 1px solid #666;
			border-bottom: 1px solid #666;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-o-box-sizing: border-box;
			-ms-box-sizing: border-box;
			content: '';
			width: 10px;
			height: 100%;
			position: absolute;
			top: 0;
			}
		.parenthesis::before {
			border-left: 1px solid #666;
			border-radius: 5px 0 0 5px;
			left: 0;
			}
		.parenthesis::after {
			border-right: 1px solid #666;
			border-radius: 0 5px 5px 0;
			right: 0;
			}
			.parenthesis.after-none::after {
				display: none;
				}

/* table */
.table-td {
    display: block;
	width: 100%;
	}
	.table-td table th,
	.table-td table td {
		border: 1px solid #ddd;
		padding: 5px;
		}
	.table-td table td.bg {
		background: #f4f4f4;
		}
.table-all-td {
    display: block;
	width: 100%;
	overflow-x: scroll;
	white-space: nowrap;
	}
	.table-all-td::-webkit-scrollbar {
		height: 5px;
		}
	.table-all-td::-webkit-scrollbar-track {
		background: #eee;
		border-radius: 5px;
		}
	.table-all-td::-webkit-scrollbar-thumb {
		background: #999;
		border-radius: 10px;
		}
	.table-all-td table td {
		border: 1px solid #ddd;
		padding: 5px;
		}
	.table-all-td table td.bg {
		background: #f4f4f4;
		}
.table-th-td table {
	width: 100%;
	}
	.table-th-td table th,
	.table-th-td table td {
		border: 1px solid #ddd;
		display: block;
		width: 100%;
		padding: 5px 10px;
		}
	.table-th-td table th {
		background: #f4f4f4;
		border-top: none;
		}
		.table-th-td table tr:first-child th {
			border-top: 1px solid #ddd;
			}
	.table-th-td table td {
		border-top: none;
		}
.table-th-td-more table {
	width: 100%;
	}
	.table-th-td-more table th,
	.table-th-td-more table td {
		border: 1px solid #ddd;
		padding: 2px 5px;
		}
	.table-th-td-more table th {
		background: #f4f4f4;
		}
	.table-th-td-more table td.bg {
		background: #f4f4f4;
		}
	.th-blue th {
		background: #e4edfc !important;
		}
.table-th-td-more {
    display: block;
	width: 100%;
	overflow-x: scroll;
	white-space: nowrap;
	}
	.table-th-td-more::-webkit-scrollbar {
		height: 5px;
		}
	.table-th-td-more::-webkit-scrollbar-track {
		background: #eee;
		border-radius: 5px;
		}
	.table-th-td-more::-webkit-scrollbar-thumb {
		background: #999;
		border-radius: 10px;
		}
	.table-th-td-more table th,
	.table-th-td-more table td {
		border: 1px solid #ddd;
		padding: 2px 5px;
		}
	.table-th-td-more table th {
		background: #f4f4f4;
		}
	.table-th-td-more table td.bg {
		background: #f4f4f4;
		}
	.th-blue th {
		background: #e4edfc !important;
		}
.table-th-more-td-more {
    display: block;
	width: 100%;
	overflow-x: scroll;
	white-space: nowrap;
	}
	.table-th-more-td-more::-webkit-scrollbar {
		height: 5px;
		}
	.table-th-more-td-more::-webkit-scrollbar-track {
		background: #eee;
		border-radius: 5px;
		}
	.table-th-more-td-more::-webkit-scrollbar-thumb {
		background: #999;
		border-radius: 10px;
		}
	.table-th-more-td-more table th,
	.table-th-more-td-more table td {
		border: 1px solid #ddd;
		padding: 5px;
		}
	.table-th-more-td-more table th {
		background: #f4f4f4;
		}
	.table-th-more-td-more table td.bg {
		background: #f4f4f4;
		}
.table-border-none th, .table-border-none td { border: none !important;}
.table-border-top-none {	border-top: none !important;}
.table-border-bottom-none {	border-bottom: none !important;}
.table-border-left-none {	border-left: none !important;}
.table-border-right-none {	border-right: none !important;}
.cell1-center th:first-child, .cell1-center td:first-child {	text-align: center;}
.cell2-center th:nth-child(2), .cell2-center td:nth-child(2) {	text-align: center;}
.cell3-center th:nth-child(3), .cell3-center td:nth-child(3) {	text-align: center;}
.cell4-center th:nth-child(4), .cell4-center td:nth-child(4) {	text-align: center;}
.cell5-center th:nth-child(5), .cell5-center td:nth-child(5) {	text-align: center;}
.cell6-center th:nth-child(6), .cell6-center td:nth-child(6) {	text-align: center;}
.cell7-center th:nth-child(7), .cell7-center td:nth-child(7) {	text-align: center;}
.cell8-center th:nth-child(8), .cell8-center td:nth-child(8) {	text-align: center;}
table .w10 { width: 10%;}
table .w15 { width: 15%;}
table .w20 { width: 20%;}
table .w25 { width: 25%;}
table .w30 { width: 30%;}
table .w35 { width: 35%;}
table .w40 { width: 40%;}
table .w45 { width: 45%;}
table .w50 { width: 50%;}
table .bg-white {	background: #fff !important;}
table .bg-pink {	background: #e6b8b7;}
table .bg-redpink {	background: #f9c;}
table .bg-red {	background: #f00;}
table .bg-green {	background: #00b050;}
table .bg-gold {	background: #948a54;}
table .bg-peach {	background: #fcd5b4;}
table .bg-blue {	background: #0070c0;}
table .bg-thin-blue {	background: #b7dee8;}
table .bg-bluegray {	background: #b3c8e0;}
table .bg-thin-bluegray {	background: #e4edfc !important;}
table .bg-ygreen {	background: #92d050;}
table .bg-thin-ygreen {	background: #d8e4bc;}
table .bg-gray {	background: #595959;}
table .bg-thin-gray {	background: #bfbfbf;}
table .bg-purple {	background: #7030a0;}
table .bg-thin-purple {	background: #ccc0da;}
table .bg-yellow {	background: #ffc000;}
table .bg-thin-yellow {	background: #ff0;}
table .border-double { border-bottom: 3px double #ddd;}
table .bg-lawngreen {	background: #6f0;}
table .bg-cream-yellow {	background: #fffbd4;}
table .bg-orange {	background: #f93 none repeat scroll 0 0;}
table.va-top {
	vertical-align: top !important;
	}
.small-table {
	overflow: visible;
	white-space: normal;
	}
.table-rateseach table {
	border: #0646b1 solid 2px;
	}
	.table-rateseach table th {
		background: #d7e6fb;
		color: #0646b1;
		font-weight: bold;
		}
	.table-rateseach table td.back-icon {
	    background: url(/img/car.jpg) no-repeat 20px center;
		padding: 10px 5px 10px 100px;
		}

.list-wrap {
	margin-bottom: 20px;
	}
	.list-wrap:after {
		clear: both;
		content: "";
		display: block;
		}
		.list-wrap li {
			margin-bottom: 5px;
			}
.list-wrap li.none {
	background: none !important;
	display: none;
	}
.list-wrap.dash-border li {
	border-bottom: 1px dashed #ccc;
	}
.circle-list > ul > li {
	background: url(../../img/icn_list.png) no-repeat left 6px;
	background-size: 7px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	padding: 0 15px
	}
	.circle-list.red > ul > li {
		background: url(../../img/icn_list_red.png) no-repeat left 6px;
		}
.num-list > ul {
	padding-left: 30px;
	}
	.num-list > ul > li {
		list-style: outside decimal;
		}
.disc-list > ul {
	padding-left: 20px;
	}
	.disc-list > ul > li {
		list-style: outside disc;
		}
.num-parenthesis-list > ul > li {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	list-style: none;
	padding-left: 2em;
	text-indent: -2em;
	}
.float-dl-list {
	border-bottom: 1px solid #ddd;
	margin-bottom: 20px;
	}
	.float-dl-list.none {
		border-bottom: none;
		}
	.float-dl-list dt {
		border-top: 1px solid #ddd;
		padding: 10px 0 8px;
		}
		.float-dl-list.small dt {
			float: left;
			width: 80px;
			}
		.float-dl-list.none dt {
			border-top: none;
			padding: 5px 0;
			}
			.coat-square:before {
				content: "◆ ";
				}
				.coat-square.large:before {
					font-size: 125%;
					line-height: 1em;
					}
			.float-dl-list dt.border-square:before {
				content: "◇ ";
				}
			.float-dl-list dt.circle {
				background: url(../../img/icn_list.png) no-repeat left 6px;
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				-o-box-sizing: border-box;
				-ms-box-sizing: border-box;
				padding: 0 15px
				}
	.float-dl-list dd {
		border-top: none;
		padding: 0 0 8px;
		}
		.float-dl-list.small dd {
			border-top: 1px solid #ddd;
			padding: 10px 0 8px 90px;
			}
		.float-dl-list.none dd {
			border-top: none;
			padding-top: 5px;
			padding-bottom: 5px;
			}
.border-list li {
	border-right: 1px solid #666;
	display: inline-block;
	line-height: 1;
	padding: 0 10px 0 6px;
	}
	.border-list li:first-child {
		border-left: 1px solid #666;
		}
}



/*----------------------------------------------

	top

----------------------------------------------*/

@media (min-width: 421px) {
.main-content .event-information {
	background: #fff;
	border-top: 5px solid #2c64c1;
	border-radius: 3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	margin-bottom: 20px;
	padding: 10px;
	}
	.main-content .event-information h2.h2-icn {
		background: url(../img/h2_eventinformation.png) no-repeat 15px 0;
		line-height: 16px;
		}
	.main-content .event-information ul {
		width: 590px;
		margin: 0 auto;
		}
		.main-content .event-information li {
			float: left;
			width: 275px;
			margin-bottom: 20px;
			}
			.main-content .event-information li:nth-child(odd) {
				margin-right: 40px;
				}
			.main-content .event-information li a {
				text-decoration: none;
				}
			.main-content .event-information li h3 {
				margin-bottom: 5px;
				}
			.main-content .event-information li .image {
				float: left;
				width: 120px;
				}
			.main-content .event-information li .text {
				float: right;
				font-size: 85%;
				line-height: 1.5;
				width: 145px;
				}
		.main-content .event-information > a {
			float: right;
			margin-bottom: 10px;
			text-decoration: none;
			}
			.main-content .event-information > a:hover {
				text-decoration: underline;
				}
.main-content .news {
	background: #fff;
	border-top: 5px solid #2c64c1;
	border-radius: 3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	margin-bottom: 20px;
	padding: 10px;
	}
	.main-content .news h2.h2-icn {
		background: url(../img/h2_news.png) no-repeat  20px 0;
		line-height: 21px;
		}
	.main-content .news ul {
		width: 590px;
		margin: 0 auto;
		}
		.main-content .news li {
			border-bottom: 1px dotted #ccc;
			margin-bottom: 13px;
			padding-bottom: 10px;
			}
			.main-content .news li:last-child {
				border-bottom: none;
				margin-bottom: 0;
				padding-bottom: 0;
				}
		.main-content .news > a {
			float: right;
			margin-bottom: 10px;
			text-decoration: none;
			}
			.main-content .news > a:hover {
				text-decoration: underline;
				}
.main-content .pickup {
	background: #fff;
	border-top: 5px solid #2c64c1;
	border-radius: 3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	margin-bottom: 20px;
	padding: 10px;
	}
	.main-content .pickup h2.h2-icn {
		background: url(../img/h2_pickup.png) no-repeat 20px 0;
		line-height: 21px;
		}
	.main-content .pickup dl {
		width: 590px;
		margin: 10px auto 0;
		}
	.main-content .pickup dt {
		clear: both;
		float: left;
		width: 200px;
		height: 60px;
		}
		.main-content .pickup dt a {
			display: table-cell;
			height: 60px;
			vertical-align: middle;
			}
	.main-content .pickup dd {
		float: right;
		width: 350px;
		height: 60px;
		margin-bottom: 20px;
		}
}
@media (max-width: 420px) {
.main-content .event-information {
	background: #fff;
	border-top: 5px solid #2c64c1;
	border-radius: 3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	margin-bottom: 20px;
	padding: 10px;
	}
	.main-content .event-information h2.h2-icn {
		background: url(../img/h2_eventinformation.png) no-repeat 5px 0;
		line-height: 16px;
		}
	.main-content .event-information ul {
		margin: 0 10px;
		}
		.main-content .event-information li {
			margin-bottom: 10px;
			}
			.main-content .event-information li a {
				text-decoration: none;
				}
			.main-content .event-information li .image {
				float: left;
				width: 40%;
				}
			.main-content .event-information li .text {
				float: right;
				line-height: 1.2;
				width: 56%;
				}
		.main-content .event-information > a {
			float: right;
			text-decoration: none;
			}
			.main-content .event-information > a:hover {
				text-decoration: underline;
				}
.main-content .news {
	background: #fff;
	border-top: 5px solid #2c64c1;
	border-radius: 3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	margin-bottom: 20px;
	padding: 10px 20px;
	}
	.main-content .news h2.h2-icn {
		background: url(../img/h2_news.png) no-repeat 5px 0;
		line-height: 21px;
		}
	.main-content .news li {
	    background: url(../img/icn_arrow_blue.png) no-repeat left 6px;
		border-bottom: 1px dotted #ccc;
		margin-bottom: 13px;
		padding-bottom: 10px;
	    padding-left: 12px;
		}
		.main-content .news li:last-child {
			margin-bottom: 0;
			}
		.main-content .news > a {
			float: right;
			margin-bottom: 10px;
			text-decoration: none;
			}
			.main-content .news > a:hover {
				text-decoration: underline;
				}
.main-content .pickup {
	background: #fff;
	border-top: 5px solid #2c64c1;
	border-radius: 3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	margin-bottom: 20px;
	padding: 10px 10px 0;
	}
	.main-content .pickup h2.h2-icn {
		background: url(../img/h2_pickup.png) no-repeat 5px 0;
		line-height: 21px;
		}
	.main-content .pickup dl {
		width: 200px;
		margin: 20px auto 0;
		}
	.main-content .pickup dt {
		margin-bottom: 10px;
		}
	.main-content .pickup dd {
		display: none;
		}
}

.event {
	background: #2f87ff;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	color: #fff;
	display: inline-block;
	font-size: 70%;
	width: 60px;
	margin-left: 10px;
	text-align: center;
	vertical-align: text-bottom;
	}

.event-open {
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	color: #fff;
	display: inline-block;
	font-size: 75%;
	font-weight: normal;
	margin: 0 0 2px 10px;
	padding: 1px 5px;
	text-align: center;
	vertical-align: text-bottom;
	}
	.event-open.now {
		background: #2f87ff;
		}
	.event-open.fin {
		background: #666;
		}
.event-date-space span {
	background: #2f87ff;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	color: #fff;
	display: inline-block;
	width: 80px;
	margin-right: 10px;
	text-align: center;
	vertical-align: text-bottom;
	}
.event-date-space {
	margin-bottom: 10px;
	}
	.event-date-space span {
		background: #2f87ff;
		border-radius: 2px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		color: #fff;
		display: block;
		width: 80px;
		margin-right: 10px;
		text-align: center;
		vertical-align: text-bottom;
		}

/* 青いボタン */
.btn-deco-blue a {
	background: #2b63c0;
	border: 1px solid #02659C;
    border-radius: 10px;
    -webkit-box-shadow: 1px 3px 0 #132385,
						inset 0 1px 0 rgba(255, 255, 255, 0.8),
                    	inset 1px 0 0 rgba(255, 255, 255, 0.3),
                   	 	inset -1px 0 0 rgba(255, 255, 255, 0.3),
                   		 inset 0 -1px 0 rgba(255, 255, 255, 0.2);
	-moz-box-shadow: 1px 3px 0 #132385,
						inset 0 1px 0 rgba(255, 255, 255, 0.8),
                    	inset 1px 0 0 rgba(255, 255, 255, 0.3),
                   	 	inset -1px 0 0 rgba(255, 255, 255, 0.3),
                   		 inset 0 -1px 0 rgba(255, 255, 255, 0.2);
	box-shadow: 1px 3px 0 #132385,
						inset 0 1px 0 rgba(255, 255, 255, 0.8),
                    	inset 1px 0 0 rgba(255, 255, 255, 0.3),
                   	 	inset -1px 0 0 rgba(255, 255, 255, 0.3),
                   		 inset 0 -1px 0 rgba(255, 255, 255, 0.2);

    color: #fff;
    cursor: pointer;
    display: block;
	font-size: 14pt;
    font-weight: bold;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
	letter-spacing:1px;
    width: 250px;
	margin: 10px auto;
    padding: 15px 0;
	text-decoration: none;
    text-align: center;
    position: relative;
	}
	.btn-deco-blue.small a {
		font-size: 85%;
		font-weight: normal;
		width: auto;
		min-width: 180px;
		margin: 5px 0;
		padding: 5px 0;
		}
	.btn-deco-blue a:hover { background-color: #6a95d9; }
	.btn-deco-blue a:active {
		background-color: #6a95d9;
		box-shadow: none;
		top: 2px;
		}
	.btn-deco-blue a img {
		vertical-align: baseline;
		}

@media (min-width: 421px) {
	.event-date-space span {
		display: inline-block;
		}

}


/*↓↓↓ 20160906 add 重要なお知らせ*/
@media (min-width: 421px) {
	.innerText-important{
		width:996px;
		margin:0px auto;
		margin-top:10px;
		margin-bottom:10px;
		border:2px solid #ff1a2d;
	}
}
@media (max-width: 420px) {
	.innerText-important{
		width:98%;
		margin:10px auto;
		border:2px solid #ff1a2d;
	}
}
	.innerText-important-h{
		background: #ff1a2d;
		color:white;
		padding:5px;
	}
	.innerText-important-p{
		background: #ffe7e9;
		padding:5px;
	}
@media (max-width: 420px) {
	.display-none {
	display: none;
	}
}
/*↑↑↑ 20160906 add 重要なお知らせ*/

/*↓↓↓ 20160928 add 2輪通行止め*/

.display-defalutnone {
	display: none;
}

/*↑↑↑ 20160928 add 2輪通行止め*/

/* ↓↓↓↓ 20170201 ADD */
@media (min-width: 421px) {
	.display-none-PC {
	display: none;
	}
}
/* ↑↑↑↑ 20170201 ADD */

/* ↓↓↓↓ 20181212 異常気象等の通行止め予想枠追加 */
.sub-content .forecast-area {
		background: #fff;
		border-top: 5px solid #2c64c1;
		border-radius: 3px;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		margin-bottom: 20px;
		padding: 10px;
		}
		.sub-content .forecast-area h2.h2-icn {
			background: url(../img/h2_forecastarea.png) no-repeat 5px 0;
			line-height: 24px;
			}
		.sub-content .forecast-area dl {
			padding: 0 10px;
			}
			.sub-content .forecast-area dt a {
				font-size: 114%;
				text-decoration: none;
				}
				.sub-content .forecast-area dt a:hover {
					text-decoration: underline;
					}
			.sub-content .forecast-area dd {
				margin-bottom: 10px;
				}
				.sub-content .forecast-area dd:last-child {
					margin-bottom: 0;
					}

.forecast-detail-blue{
			border-radius: 5px;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			padding: 10px 15px 5px 70px;
			background: #e1ebff url(../img/img_trafficinfo_blue.png) no-repeat 10px center;
			}

.forecast-detail-red{
	/*
			border: 1px solid #f00;
			border-radius: 5px;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			margin-bottom: 10px;
			padding: 10px;*/
			background: #e1ebff url(../img/img_trafficinfo_red0.png) no-repeat 10px center;
			background-size: 49px 30px;
			border: 3px solid #f00;
			border-radius: 5px;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			color: #f00;
			line-height: 1.6;
			min-height: 36px;
			padding: 10px 15px 5px 70px;
			}
/* ↑↑↑↑ 20181212 異常気象等の通行止め予想枠追加 */