@charset "utf-8";

	.cntlinkBox {
		padding-top: 0;
		border-top: none;
	}
	.bg-black01 .cntlinkBox,
	.bg-black02 .cntlinkBox{
		border-top: none;
	}
@media only screen and (max-width:768px) {
}

	.mouse {
		margin-bottom: 40px;
		padding-left: 25px;
		background: url(../imgs/icn-mouse.png) no-repeat center left;
		line-height: 30px;
	}


.mapArea {
  box-sizing: border-box;
  width: 100%;
  height: 775px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  border: solid 1px #ccc;
}

.mapArea.moving {
  cursor: move;
}

.map-hoi {
  position: absolute;
  left: 15px;
  bottom: 15px;
  z-index: 2;
}

.mapArea .image {
	width: auto;
  max-width: none;
  min-width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  /*transform: translate(-610px,-490px);*/
}

.mapArea .btPlus,
.mapArea .btMinus {
  margin: 0;
  border: none;
  padding: 0;
  position: absolute;
  right: 20px;
  cursor: pointer;
}

.mapArea .btPlus {
  top: 20px;
}

.mapArea .btMinus {
  top: 51px;
}

.mapArea-border {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}

.mapArea-label {
  padding: 15px 0 20px;
  margin-top: 20px;
}

@media only screen and (max-width: 768px) {
  .mapArea-label {
    margin-top: 10px;
  }
}

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

----------------*/
	.num01 .map {
		margin-top: 20px;
	}
	.num01 .cntlinkBox {
		margin-top: 40px;
	}
@media only screen and (max-width:768px) {
}

	.num02 .clm .clmImg {
		margin-top: 90px;
	}
	.num02 .subSection.first {
		padding-top: 0;
	}

	.num02 .headline.headline-05 {
		font-size: 14px;
	}
@media only screen and (max-width:768px) {
	.num02 .clm .clmImg {
		margin-top: 0;
	}

	.num02 .subSection {
		padding-top: 30px;
	}

	.num02 .sp {
		margin-top: 30px;
	}
}

	.h {
		margin-bottom: 40px;
		padding-bottom: 20px;
		border-bottom: solid 1px #dcdcdc;
		font-size: 18px;
		line-height: 1.4;
	}

	.numb {
		position: relative;
		padding-left: 30px;
	}
	.numb:before {
		position: absolute;
		top: 6px;
		left: 0;
		width: 18px;
		height: 18px;
		font-size: 12px;
		letter-spacing: .02em;
		line-height: 18px;
		color: #fff;
		text-align: center;

    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
	}

	.numb.num1:before { content: "1";}
	.numb.num2:before { content: "2";}
	.numb.num3:before { content: "3";}
	.numb.num4:before { content: "4";}
	.numb.num5:before { content: "5";}
	.numb.num6:before { content: "6";}
	.numb.num7:before { content: "7";}
	.numb.num8:before { content: "8";}
	.numb.num9:before { content: "9";}
	.numb.num10:before { content: "10";}
	.numb.num11:before { content: "11";}
	.numb.num12:before { content: "12";}

	.numb.nonum:before { content: "";}

	.numb.clrA:before {
		background: #005293;
	}
	.numb.clrB:before {
		background: #009f95;
	}
	.numb.clrC:before {
		background: #c86397;
	}
	.numb.clrD:before {
		background: #407d4e;
	}
	.numb.clrE:before {
		background: #dc6f27;
	}
	.numb.clrF:before {
		background: #00a5d4;
	}
@media only screen and (max-width:768px) {
	.h {
		margin-bottom: 20px;
		font-size: 14px;
	}

	.numb:before {
		top: 2px;
	}
}

	.Tbl {
		width: 100%;
		font-size: 14px;
		line-height: 34px;
	}
	.Tbl td {
		position: relative;
		vertical-align: bottom;
	}

	.Tbl td.place {
		background: url(../imgs/bg-dot.gif) repeat-x  bottom left;
		letter-spacing: .08em;
	}
	.Tbl td.place span {
		display: inline-block;
		padding-right: 10px;
		background: #fff;
	}
	.Tbl td.meter {
		width: 90px;
		text-align: right;
	}
	.Tbl td.time {
		width: 90px;
		text-align: right;
	}
	.Tbl td.meter:before {
		content: "約";
		position: absolute;
		bottom: 0;
		left: 0;
	}
	.Tbl td.meter:after {
		content: "m";
	}

	.Tbl td.time:before {
		content: "徒歩";
		position: absolute;
		bottom: 0;
		left: 8px;
	}
	.Tbl td.time:after {
		content: "分/";
	}
@media only screen and (max-width: 768px) {
	.Tbl {
		font-size: 11px;
		letter-spacing: .06em;
		line-height: 20px;
	}
	.Tbl td.place {
		display: block;
		width: 100%;
		letter-spacing: 0;
	}
	.Tbl td.place span {
		padding-right: 5px;
	}
	.Tbl td.place {
		background: url(../imgs/sp/bg-dot.gif) repeat-x  bottom left;
		letter-spacing: .08em;
	}

	.Tbl td.meter {
		display: inline-block;
		width: 25%;
		max-width: 60px;
		padding-bottom: 20px;
	}
	.Tbl td.time {
		display: inline-block;
		width: 75%;
		padding-bottom: 20px;
	}

	.Tbl td.meter:before {
		bottom: 20px;
	}
	.Tbl td.time:before {
		bottom: 20px;
		left: auto;
		right: 35px;
	}
}