@charset "utf-8";
/* CSS Document */

#main * {
	box-sizing:border-box;
}

h1.tit {
	margin-bottom:22px;
	text-align:center;
	letter-spacing:.1em;
}
h1.tit img {
	display:inline-block;
	width:auto;
	height:44px;
}
section.content {
	margin:0 15px;
	padding-top:25px;
	color:#69584D;
	font-size:12px;
}
section.content p {
	line-height:1.8;
}
section.content p.read {
	margin:0 -.5em 1.5em;
	text-align:center;
	font-size:11px;
	line-height:1.6;
}
section.content p.read strong {
	display:block;
	margin-bottom:.55em;
	font-weight:normal;
	font-size:1.65em;
	line-height:1.3;
}

#access h2 {
	margin-bottom:.8em;
	font-weight:normal;
	text-align:center;
}

#access div.map {

}
#access div.map > div {
	margin-bottom:1.2em;
}
#access div.train_map {
	margin-bottom:1.8em;
}
#access div.access ul {
	margin-bottom:2em;
	padding-left:10%;
}
#access div.access li {
	margin-bottom:.7em;
	font-size:1.6em;
	line-height:1.1;
	letter-spacing:-1px;
}
#access div.access li:first-line {
	font-size:14px;
	letter-spacing:normal;
}
#access div.access li.line {
	padding-bottom:.5em;
	border-bottom:solid 1px rgba(105,88,77,.5);
}
#access div.access li span {
	font-weight:bold;
}
#access div.access li strong {
	color:#b6282c;
	font-weight:bold;
	font-size:1.5em;
}

#access div.box {
	margin-bottom:2em;
}
#access div.box h3 {
	margin-bottom:.6em;
}
#access div.box p {
	font-size:11px;
}
h1.tit.tlimg {
    max-width: 217px;
    margin: 0 auto 3%;
}
h1.tit.tlimg img {
    width: auto;
    height: auto;
}
section#access.content._add {
    width: 810px;
}
section#access.content._add p.read  {
    font-size: 1.5em;
    color: #040000;
    margin: 0 auto 2%;
}
section#access.content._add p.ac_txt1 {
    text-align: center;
    color: #231815;
    margin: 0 auto 3%;
	font-size: 1.3em;
}
#access div.map > div.a1_img {
    width: 741px;
}
p.ac_img2 {
    max-width: 346px;
	margin: 5% auto 5%;
}
p.read._add2 {
    border-top: 1px solid #ffffff;
    margin: 5% auto 0;
    padding: 5% 0 0;
}
#access div.zoom_btn._add3 {
    bottom: 150px;
    right: 40px;
}
h3.ttl_add {
    max-width: 522px;
    margin: 0 auto;
}
.access._add4 {
    margin: 5% auto 30px;
}
#access div.access ul.tr_add_ul {
    max-width: 535px;
    text-align: center;
    margin: 2% auto;
}
ul.tr_add_ul li {
	display:inline-block;
}
#access div.access li figure {
    max-width: 233px;
	margin: 0 0 4%;
}
#access div.access li {
    margin: 1% 2%;
}
#access div.access ul.tr_add_ul li span.linename{
    font-size: 0.8em;
    font-weight: normal;
}
#access div.access ul.tr_add_ul li  {
    margin: 1% 2% 3%;
    color: #040000;
    text-align: left;
    font-size: 1.0em;
    line-height: 1.8em;
	letter-spacing: -1px;
}
#access div.access ul.tr_add_ul li span {
    font-size: 1.6em;
    padding: 0 0;
}
#access div.access ul.tr_add_ul li strong {
    font-size: 1.9em;
    padding: 0 1%;
}
h3.ttl_add.wbad {
    max-width: 758px;
    margin: 4% auto 2%;
}
#access div.access ul.tr_add_ul_add {
    max-width: 810px;
	text-align: left;
	margin: 0 auto;;
}

#access div.access ul.tr_add_ul li span.linename {
    font-size: 1.0em;
    font-weight: normal;
    letter-spacing: 1px;
}
#access div.access ul.tr_add_ul_add li span {
    font-size: 1.5em;
}

@media screen and (min-width: 769px) {
	.pc_none {
		display:none;
	}
	#access div.zoom_btn a {
	    display: block;
	    width: 100%;
	    height: 100%;
	}
div#bkinfo {
    margin: 0 auto 10%;
}
	section.content {
		width:770px;
		margin:0 auto;
		padding-top:45px;
		color:#69584D;
		font-size:14px;
	}
	
	h1.tit {
		margin-bottom:55px;
		text-align:center;
	}
	h1.tit img {
		height:80px;
	}
	section.content p {
		line-height:1.6;
	}
	section.content p.read {
		margin:0 0 45px;
		font-size:14px;
		line-height:2;
	}
	section.content p.read strong {
		font-size:2.4em;
		letter-spacing:.1em;
	}
	
	#access h2 {
	    font-size: 1.4em;
	    font-weight: 500;
	    margin-bottom: 0.2em;
	    text-align: left;
	}
	#access div.flex {
		display:-webkit-box;
		display:-ms-flexbox;
		display:-webkit-flex;
		display:flex;
		-webkit-box-pack:justify;
		-ms-flex-pack:justify;
		justify-content:space-between;
	}
	#access div.map {
		position: relative;
	}
	#access div.map > div {
		width:361px;
		margin:0 2%;
	}
	#access div.map > div:first-child {
/*	    margin-right: 4%;*/
	}
	#access div.zoom_btn {
	    background-image: url(../img/plan/zoom_btn_pc.png);
	    bottom: 10px;
	    height: 81px;
	    position: absolute;
	    right: 30px;
	    width: 81px!important;
	    z-index: 0;
	}
	#access .flex.map.bkw .zoom_btn._add3 {
	    bottom: 30px;
	}
	#access div.zoom_btn.zoom_btn_t {
	    bottom: 0;
	    height: 62px;
	    left: 0;
	    position: absolute;
	    top: -160px;
	    width: 62px;
	    z-index: 0;
	}
	#access div.access {
		margin-bottom:30px;
	}
	#access div.train_map {
		width:470px;
		margin:0;
/*		position: relative;*/
	}
	#access div.train_map + div {
		width:270px;
	}
	#access div.access ul {
		margin:0;
		padding:0;
	}
	#access div.access li {
		margin-bottom:.55em;
	}
	#access div.access li:first-line {
		font-size:14px;
		letter-spacing:normal;
	}
	#access div.access li.line {
		padding-bottom:.1em;
	}
	#access div.access li span {
		font-weight:bold;
	}
	#access div.access li strong {
		font-size:1.3em;
	}
	#access div.box {
		width:235px;
		margin:0;
	}
	#access div.access div.box {
		width:100%;
		margin:0;
	}
	#access div.box h3 {
		margin-bottom:.6em;
	}
	#access div.box p {
		font-size:11px;
	}
}
.prz {
    position: relative;
}

@media (max-width: 767px) { 
	#access div.map div.zoom_btn {
		position:absolute;
		bottom: 0%;
		right: 21px;
		overflow:hidden;
		width:30px;
		height:30px;
		border-radius:50%;
		background:url(../img/location/zoom_btn.png) no-repeat center;
		background-size:contain;
		z-index: 10;
	}
	#access .loc_img1 > img {
	    margin: 0 auto;
	    width: 80%;
	}
	#access div.map > div {
	    width: 84%;
	    margin: 0 auto 1.2em;
	}
	#access div.map {
	    position: relative;
	}
	section#access.content._add {
	    width: 100%;
	    margin: 0 auto;
	}
	section#access.content._add p.read {
	    font-size: 1.8em;
	}
	section#access.content._add p.ac_txt1 {

	}
	#access div.map > div.a1_img {
	    width: 90%;
	}
	p.ac_img2 {
	    width: 60%;
	}
	section#access.content._add p.ac_txt1 {
	    margin: 0 auto 0%;
	    padding: 0 0 3%;
	    background: #fff;
	}
	section#access.content._add p.read {
	    margin: 0 auto 0%;
	    padding: 0 0 2%;
	    font-size: 1.6em;
	}
	.flex.map.bkw {
	    background: #fff;
	}
	h3.ttl_add {
	    width: 50%;
	}
	#access div.map > div.a1_img {
	    width: 90%;
	    padding: 0 0 1.2em;
	    margin: 0 auto;
	}
	.access._add4 {
	    margin: 0% auto;
	    background: #fff;
	    padding: 5% 0 30px;
	}
	#access div.access ul.tr_add_ul {
	    width: 100%;
        padding: 0;
	}
	#access div.access li figure {
	    max-width: 95%;
	    margin: 0 auto 0;
	}
	section#access.content._add p.ac_txt1._ad_ac1 {
	    background: none;
	}
	#access div.access ul.tr_add_ul_add.sp li {
	    margin: 1% 2%;
	}
	#access div.map div.zoom_btn a {
	    display: block;
	    width: 100%;
	    height: 100%;
	}
}