.underMv {
	height: 560px;
	background:url(../img/pc/mv.jpg) no-repeat bottom center;
	background-size: cover;
}
	.underMv .tips {
		max-width: 610px;
		height: 265px;
	}
	.underMv .caption {
    line-height: 1.8;
}
#face {
    padding-top: 100px;
}
	#face .tips {
		margin-bottom: 60px;
	}
	#face figure {
	    margin-bottom: 50px;
	    margin-top: 50px;
	}
	.facePhotos {
		width: 100%;
		max-width: 1400px;
		margin-right: auto;
		margin-left: auto;
	}
		.facePhotos ul li {
			width: 50%;
			float: left;
			position: relative;
		}
		.photoTtl {
		    position: absolute;
		    top: 0;
		    right: 0;
		}
		.facePhotos ul li .caption {
			left: 12px;
			bottom: 8px;
		}

#area {
	padding-top: 80px;
	padding-bottom: 60px;
	background:#262626;
}
		#area .tips p {
			color: #fff;
		}

	.areaInfo {
	}
		
#guide {
	padding-bottom: 90px;
	background:#262626;
	background-size: cover;
}
	#guide .areaInfo h4 {
		text-align: center;
		padding-bottom: 30px;
	}

	.tab{
		width: 100%;
		max-width: 1000px;
		margin-right: auto;
		margin-left: auto;
		overflow:hidden;
	}
	.tab li {
		width: 16%;
		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: 16px;
	    -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: 1200px;
		margin-right: auto;
		margin-left: auto;
		position: relative;
		min-height: 550px;
	}
	.content li {
		position: absolute;
		width: 100%;
		max-width: 1200px;
	    top: 0;
	    left: 0;
	    margin-top: 40px;
	}
	.content #guide-access{
		position: inherit;
	}
	.hide {
		opacity: 0;
		z-index: -1;
	}

	.tabMap {
	    width: 60%;
	    float: left;
	    height: 510px;
	}
	.minutesList {
		width: 36%;
		float: right;
		height: 510px;
		overflow-y: auto;
	}
		.minutesList .list {
			margin-bottom: 20px;
			font-size: 12px;
		    color: #fff;
		}
			.minutesList .list h4 {
				float: left;
				width: 63%;
			    line-height: 1.3;
			    letter-spacing: 0px;
			    color: #fff;
			}
				.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;
				}
				.minutesList .list h4 span.green{
					background: #006837;
				}
				.ie11-span {
					height: 16px;
					line-height: 21px !important;
				}
			#main .minutesList .list p {
				float: right;
			    width: 35%;
			    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:1200px) {
		.minutesList .list {
			font-size: 11px;
		}
		.minutesList .list h4 {
		    line-height: 1.5;
		}
		.minutesList .list h4 {
		    float: none;
		    width: 100%;
		    margin-bottom: 6px;
		}
		#main .minutesList .list p {
		    float: none;
		    width: 100%;
		    max-width: 122px;
		    line-height: 1.3;
		    padding-left: 23px;
		}
	}
	@media screen and (max-width:1080px) {
		.tab li {
			font-size: 12px;
		}
	}
	@media screen and (max-width:880px) {
		.tab li {
			font-size: 10px;
		}
	}


@media screen and (max-width: 768px) {
	.underMv {
		height: 740px;
		background:url(../img/sp/mv.jpg) no-repeat bottom center;
		background-size: cover;
	}
		.underMv .tips {
			max-width: 600px;
			height: 213px;
		}

	#face {
	    padding-top: 40px;
	}
		#face .tips {
			margin-bottom: 30px;
		}
		#face figure {
			margin-bottom: 30px;
		}
		.facePhotos {
			width: 100%;
			max-width: 768px;
			margin-right: auto;
			margin-left: auto;
		}
			.facePhotos ul li {
				width: 100%;
				float: none;
				position: relative;
			}
			.facePhotos ul li .caption {
			    left: 0;
			    bottom: 5px;
			}
			.photoTtl {
			    width: 155px;
			}

	#area {
		padding-top: 40px;
		padding-bottom: 0;
	}
		#area .tips {
			padding-bottom: px;
		}

	#guide {
	    padding-top: 20px;
	    padding-bottom: 40px;
	}
		#guide .areaInfo h4 {
		padding-bottom: 25px;
	}
	.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%;
		}
		.tabMap {
		    width: 100%;
		    float: none;
		    height: inherit;
		}
		.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;
		}
			
}




@media screen and (max-width: 420px) {
	.underMv {
		height: 370px;
	}