@charset "utf-8";
/*
 * =======================================================
 *
 * [area]
 *
 * =======================================================
 */
body:not(.home) #txtSearch {
	position: absolute;
	top: 0;
	right: 10px;
}
#area {}
	#area .container {
		position: relative;
	}
	#area header {
		position: relative;
		z-index: 1;
		height: 210px;
		line-height: 210px;
		border-bottom: 2px solid #F2F2F2;
		width: 520px;
		padding-left: 50px;
	}
		#area header h1 {
			font-size: 4.8rem;
			font-weight: bold;
		}
	#area .areaMenu {
		position: relative;
		z-index: 1;
		padding: 30px 0 0 50px;
		width: 450px;
		overflow: hidden;
	}
		#area .areaMenu .leftVox {
			float: left;
		}
		#area .areaMenu .rightVox {
			float: left;
			margin-left: 50px;
		}
		#area .areaMenu .item {
			/*width: 10em;*/
			width: 140px;
		}
			#area .areaMenu .item {
				margin-bottom: 35px;
			}
			#area .areaMenu .item .pref {}
				#area .areaMenu .item .pref a {
					color: #00A496;
					font-weight: bold;
					font-size: 1.8rem;
					text-decoration: none;
					border-bottom: 2px solid #00A496;
					display: block;
				}
				#area .areaMenu .item .pref a:hover,
				#area .areaMenu .item .pref a.active {
					color: #E61F4E;
					border-bottom: 2px solid #E61F4E;
				}
			#area .areaMenu .item ul {
				margin-top: 15px;
			}
			#area .areaMenu .item li {}
			#area .areaMenu .item li::before {
				content: '・';
			}
			#area .areaMenu .item li:not(:last-child) {
				margin-bottom: 5px;
			}
				#area .areaMenu .item li a {
					text-decoration: none;
					font-weight: bold;
				}
				#area .areaMenu .item li a:hover,
				#area .areaMenu .item li a.active {
					color: #E61F4E;
				}
/**
 ****************************************************
 *
 * screens larger than 1024
 *
 ****************************************************
 */
@media screen and (min-width: 1025px) {
	#main {
		padding-right: 10px;
		padding-bottom: 10px;
	}
	#canvasMapPC {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		min-height: 760px;
		overflow: hidden;
	}
		#canvasMapPC .st0 { fill: #FFFFFF; }
		#canvasMapPC .st1 { clip-path: url(#SVGID_1_); }
		#canvasMapPC .st2 { fill: #EFEFEF; }
		#canvasMapPC .st3 {
			clip-path: url(#SVGID_1_);
			fill: #EFEFEF;
		}
		#canvasMapPC .st4 {
			display: none;
			clip-path: url(#SVGID_1_);
		}
		#canvasMapPC .st5 { display: inline; }
		#canvasMapPC .st6 {
			fill-rule: evenodd;
			clip-rule: evenodd;
			fill: #C0C0C0;
		}
		#canvasMapPC .st7 {
			fill-rule: evenodd;
			clip-rule: evenodd;
			fill: #FFFFFF;
		}
		#canvasMapPC .st8 { fill: #C0C0C0; }
		#canvasMapPC .st9 { fill: #EBEBEB; }
		#canvasMapPC .st10 {
			display: inline;
			fill: none;
			stroke: #828282;
			stroke-width: 4.1911;
			stroke-miterlimit: 10;
			stroke-dasharray: 6.2867;
		}
		#canvasMapPC .st13 { fill:#E61F4E; }
		#canvasMapPC .st14 {
			fill: none;
			stroke: #E61F4E;
			stroke-miterlimit: 10;
		}
		#canvasMapPC .st11 {
			/* fill-rule: evenodd; */
			/* clip-rule: evenodd; */
			fill: #00A496;
			stroke: #FFFFFF;
			stroke-width: 5;
			/* stroke-linecap: round;
			stroke-linejoin: round; */
			transition: .2s;
		}
		#canvasMapPC .st15 { fill: #00A496; }
		#canvasMapPC .prefOn {
			cursor: pointer;
		}
			#canvasMapPC .prefOn:hover .st11,
			#canvasMapPC .prefOn.active .st11 {
				fill: #E61F4E;
			}
		#canvasMapPC .prefName {
			cursor: pointer;
		}
			#canvasMapPC .prefName .st12 {
				opacity: 0.6;
				fill: #004D46;
			}
			#canvasMapPC .prefName:hover .st12,
			#canvasMapPC .prefName.active .st12 {
				opacity: 1;
				fill: #FFFFFF;
				stroke: #E61F4E;
				stroke-width: 2px;
			}
			#canvasMapPC .prefName:hover .st0,
			#canvasMapPC .prefName.active .st0 {
				opacity: 1;
				fill: #E61F4E;
			}
		#canvasMapPC .markerOff {
			fill: #FFFFFF;
		}
		#canvasMapPC .markerOn {
			opacity: 0;
			cursor: pointer;
			transition: .2s;
		}
		#canvasMapPC .markerOn:hover,
		#canvasMapPC .markerOn.active {
			opacity: 1;
		}
		#canvasMapPC .markerName {
			visibility: hidden;
			transition: all .2s linear;
			opacity: 0;
		}
		#canvasMapPC .markerName.active {
			visibility: visible;
			opacity: 1;
		}
}
/**
 ****************************************************
 *
 * screens smaller than 1025
 *
 ****************************************************
 */
@media screen and (max-width: 1024px) {
	#area {}
		#area header {
			width: auto;
			line-height: 80px;
			height: 80px;
			padding-left: 2.67%;
		}
			#area header h1 {
				font-size: 3.6rem;
			}
		#area .areaMenu {
			position: static;
			padding: 15px 25px 0;
			width: 100%;
			counter-reset: num 0;
		}
			#area .areaMenu .leftVox {
				float: none;
			}
			#area .areaMenu .rightVox {
				float: none;
				margin-left: 0;
			}
			#area .areaMenu .item {
				width: 100%;
			}
				#area .areaMenu .item {
					margin-bottom: 40px;
				}
					#area .areaMenu .item .pref a {
						color: #00A496;
						font-weight: bold;
						font-size: 1.8rem;
						text-decoration: none;
						border-bottom: 2px solid #00A496;
						display: block;
						padding-bottom: 5px;
						counter-increment: num 1;
					}
					#area .areaMenu .item .pref a:hover,
					#area .areaMenu .item .pref a.active {
						color: #00A496;
						border-bottom: 2px solid #00A496;
					}
					#area .areaMenu .item .pref a::before {
						width: 33px;
						height: 33px;
						background-color: #E61F4E;
						color: #FFFFFF;
						font-weight: bold;
						font-size: 2.2rem;
						border-radius: 50%;
						display: inline-block;
						text-align: center;
						margin-right: 10px;
						content: counter(num);
					}
				#area .areaMenu .item ul {
					margin-top: 10px;
					overflow: hidden;
				}
				#area .areaMenu .item li {
					float: left;
					width: 50%;
					margin-bottom: 5px;
				}
				#area .areaMenu .item li:not(:last-child) {
					margin-bottom: 5px;
				}
					#area .areaMenu .item li a:hover,
					#area .areaMenu .item li a.active {
						color: inherit;
					}
	#canvasMapSP {}
		#canvasMapSP svg {
			height: auto;
			width: 100%;
		}
	#canvasMapSP .st0{ fill: #FFFFFF; }
	#canvasMapSP .st1{
		fill-rule: evenodd;
		clip-rule: evenodd;
		fill: #00A496;
		stroke: #FFFFFF;
		stroke-width: 6.1045;
		stroke-linecap: round;
		stroke-linejoin: round;
	}
	#canvasMapSP .st2{ fill: #E61F4E; }
	#canvasMapSP .st3{
		fill-rule: evenodd;
		clip-rule: evenodd;
		fill: #FFFFFF;
	}
		#canvasMapSP .prefOn {
			cursor: pointer;
		}
	#canvasMapSP .st4{ fill: #00A496; }
	#canvasMapSP .st5{
		fill: none;
		stroke: #00A496;
		stroke-width: 4;
		stroke-miterlimit: 10;
	}
	html:lang(en) .chtTokyoOsaka { display: none; }
	html:lang(zh-tw) .engTokyoOsaka { display: none; }
}	/* @media END */