@charset "utf-8";

.pageTtl {
    padding-top: 24px;
    padding-bottom: 22px;
    margin-bottom: 50px;
	text-align: center;
	background:#262626;
}
.mapBox {
	margin-bottom: 30px;
	width: 90%;
	max-width: 930px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
    border: 1px solid #f1f1f1;
    box-sizing: border-box;
}

#goGoogleMap {
    width: 90%;
    max-width: 460px;
    margin-right: auto;
    margin-left: auto;
}
		
#guide {
	padding-bottom: 20px;
	background-size: cover;
}
	#guide .areaInfo h4 {
		text-align: center;
		padding-bottom: 30px;
		font-size: 24px;
	}

	.tab{
		width: 100%;
		max-width: 800px;
		margin-right: auto;
		margin-left: auto;
		overflow:hidden;
	}
	.tab li {
		width: 16.2%;
		float:left; 
		text-align: center;
	    padding-top: 13px;
	    padding-bottom: 9px;
	    background: #262626;
	    border: 1px solid #fff;
	    box-sizing: border-box;
	    color: #fff;
		font-size: 10px;
	    -webkit-transition: 0.2s ease-in-out;
		-moz-transition: 0.2s ease-in-out;
		-o-transition: 0.2s ease-in-out;
		transition: 0.2s ease-in-out;
		cursor: pointer;
		cursor: hand;
		margin-right: 0.5%;
	}
	.tab li:last-child {
		margin-right: 0;
	}
	.tab li.select{
		color: #fff;
		background: #a80707;
		background-size: cover;
	}
	.content {
		width: 100%;
		max-width: 760px;
		margin-right: auto;
		margin-left: auto;
		position: relative;
		min-height: 550px;
	}
	.content li {
		position: absolute;
		width: 100%;
		max-width: 760px;
	    top: 0;
	    left: 0;
	    margin-top: 40px;
	}
	.content #guide-access{
		position: inherit;
	}
	.hide {
		opacity: 0;
		z-index: -1;
	}

	.axgmap {
	    width: 68%;
	    float: left;
	    height: 520px;
	}
	.minutesList {
		width: 30%;
		float: right;
		height: 520px;
		overflow-y: auto;
	}
		.minutesList .list {
			margin-bottom: 20px;
			font-size: 11px;
		    color: #262626;
		}
			.minutesList .list h4 {
				float: none;
				width: 100%;
			    line-height: 1.5;
			    letter-spacing: 0px;
			    color: #262626;
			    margin-bottom: 6px;
			}
				.minutesList .list h4 span {
					width: 16px;
					color: #fff;
					display: block;
				    text-align: center;
				    line-height: 16px;
				    font-size: 11px;
				    float: left;
				    margin-right: 5px;
				    background:#a80707;
			        letter-spacing: 0;
				}
				.ie11-span {
					height: 16px;
					line-height: 21px !important;
				}
			#main .minutesList .list p {
				float: none;
			    width: 100%;
			    max-width: 122px;
				text-align: right;
				line-height: 1.3;
			    letter-spacing: 0;
			}
			.kyori {
				min-width: 57px;
			    display: block;
			    float: right;
			}
			.toho {
			    min-width: 53px;
			    display: block;
			    float: left;
			    text-align: left;
			}



@media screen and (max-width:768px) {
	.pageTtl {
		margin-bottom: 30px;
	}

	#goGoogleMap {
	    width: 90%;
	    max-width: 460px;
	    margin-right: auto;
	    margin-left: auto;
	}


	#guide {
	    padding-top: 20px;
	    padding-bottom: 20px;
	}
		#guide .areaInfo h4 {
		padding-bottom: 20px;
		font-size: 16px;
	}
	.content {
	    min-height: 740px;
        border-top: 1px solid #fff;
	}
		.tab li {
		    width: 50%;
	        border-left: none;
	        border-bottom: none;
	        font-size: 16px;
	        margin-right: 0;
		}
		.tab li:last-child{
			border-left: none;
			border-bottom: none;
		}
		.tab .tab-shopping {
		    width: 50%;
		}
		.axgmap {
		    width: 100%;
		    float: none;
		    height: 300px;
		}
		.content li {
		    margin-top: 0;
		}
		.minutesList {
		    width: 87.5%;
		    float: none;
		    margin-right: auto;
		    margin-left: auto;
		    height: 400px;
		    margin-top: 30px;
		}
		#main .minutesList .list p {
		    margin-left: auto;
		}
			
}
}