@charset "UTF-8";

/* ロケーション */
.content h3{
	font-size:1.7rem;
	text-align:center;
	padding-bottom:10px;
}
@media (min-width: 768px) {
	.content h3{
		font-size:1.8rem;
	}
}
@media (min-width: 1024px) {
	.content h3{
		font-size:1.9rem;
	}
}
@media (min-width: 1200px) {
	.content h3{
		font-size:2.0rem;
	}
}

.item{
	padding:30px 0;
}
@media (min-width: 568px) {
	.item p{
		text-align:center;
	}
}
@media (min-width: 1024px) {
	.item{
		padding:50px 0;
	}
}

br.br568-735, br.br568-666{
	display:none;
}
@media (min-width: 568px) and (max-width: 666px) {
	br.br568-666{
		display:inline;
	}
}
@media (min-width: 568px) and (max-width: 735px) {
	br.br568-735{
		display:inline;
	}
}

#map{
}
#map h3{
	font-family:"NewYork";
	font-size:1.9rem;
	padding:30px 0 10px;
}
#map h4{
	font-size:1.6rem;
	text-align:center;
	padding-bottom:7px;
}
#map p{
	padding-bottom:25px;
}
@media (min-width: 667px) {
	#map{
		margin:0 30px;
	}
}
@media (min-width: 768px) {
	#map{
		margin:0 5%;
	}
	#map h3{
		font-size:2.0rem;
	}
}
@media (min-width: 1024px) {
	#map{
		margin:0 10%;
	}
	#map h3{
		font-size:2.1rem;
	}
}

#minutes{
	text-align:center;
	padding:15px 0 30px;
}
#minutes h4{
	font-size:8.5rem;
	line-height:100%;
	font-family:"NewYork";
}
#minutes h5{
	font-size:1.35rem;
	line-height:120%;
}
@media (min-width: 568px) {
	#minutes-item h5{
		font-size:1.2rem;
	}
}
@media (min-width: 768px) {
	#minutes h4{
		font-size:9.0rem;
	}
	#minutes h5{
		font-size:1.4rem;
	}
}
@media (min-width: 1024px) {
	#minutes{
		padding:15px 0 35px;
	}
	#minutes h4{
		font-size:9.5rem;
	}
}
@media (min-width: 1200px) {
	#minutes h4{
		font-size:10.0rem;
	}
}

#lifeinfo{
	font-size:0;
	padding-top:15px;
}
#lifeinfo h3{
	font-family:"NewYork";
	font-size:1.8rem;
	padding-bottom:15px;
}
.line{
	border-top:1px solid #666;
}
.line#top{
	margin-bottom:15px;
}
.line#bottom{
	margin-top:15px;
}
.lifeinfo#hospital{
	padding-top:20px;
}
.lifeinfo h4{
	font-size:1.3rem;
  	line-height:20px;
	font-weight:bold;
}
.lifeinfo dl dt{
  	line-height: 20px;
	font-size:1.3rem;
	padding:5px 0 0;
}
.lifeinfo dl dd{
  	line-height: 20px;
	font-size:1.3rem;
	text-align:right;
	background: url(../access/img/dotted-border.png) repeat-x 0 10px;
	padding:0 0 5px;
	margin:0 0 0 30px;
}
.lifeinfo dl dd span{
	background:#FFF;
	padding:0 0 0 7px;
}
.lifeinfo dl dd span.white{
	color:#FFF;
	padding:0;
}
.lifeinfo dl dd.bottom{
	padding:0;
}
.lifeinfo p{
	font-size:1.2rem;
  	line-height: 20px;
	padding-bottom:5px;
}
@media (min-width: 568px){
	.lifeinfo{
		line-height:26px;
	}
	.lifeinfo h4{
		line-height:26px;
	}
	.lifeinfo dl{
		background: url(../access/img/dotted-border.png) repeat-x 0 13px;
		height:26px;
	}
	.lifeinfo dl dt{
  		float :left;
  		padding: 0 7px 0 0;
  		line-height: 26px;
  		background-color: #FFF;
	}
	.lifeinfo dl dd{
  		float: right;
  		padding: 0 0 0 7px;
  		line-height: 26px;
  		background-color: #FFF;
		background:none;
		margin:0;
	}
}
@media (min-width: 768px) {
	#lifeinfo h3{
		font-size:1.9rem;
	}
}
@media (min-width: 1024px) {
	#lifeinfo h3{
		font-size:2.0rem;
	}
	.lifeinfo{
		display:inline-block;
		vertical-align:top;
		width:calc(50% - 20px);
	}
	.lifeinfo#left{
		padding-bottom:0;
		margin-right:40px;
	}
	.lifeinfo#hospital{
		padding-top:0;
	}
}
@media (min-width: 1200px) {
	#lifeinfo h3{
		font-size:2.1rem;
	}
}

.photo{
	padding:35px 0;
}
.photo#bottom{
	padding-top:30px;
	padding-bottom:0;
}
.photo ul{
	font-size:0;
	text-align:center;
}
.photo ul li{
	padding-top:20px;
}
.photo ul li:nth-child(1){
	padding-top:0;
}
.photo ul li img{
	line-height:0;
	vertical-align:bottom;
}
.photo ul li p{
	font-size:1.2rem;
	text-align:left;
	padding-top:3px;
}
.photo#bottom ul li p{
	font-family:'Encode Sans Condensed';
	font-weight:700;
	font-size:1.6rem;
}
@media (min-width: 568px) {
	.photo ul li{
		display:inline-block;
		width:calc(50% - 9px);
	}
	.photo ul li:nth-child(1),
	.photo ul li:nth-child(3){
		margin-right:18px;
	}
	.photo#bottom ul li:nth-child(1),
	.photo#bottom ul li:nth-child(2){
		padding-top:0;
	}
	.photo#bottom ul li:nth-child(3){
		margin-right:0;
	}
}
@media (min-width: 768px) {
	.photo{
		padding-top:20px;
	}
	.photo ul li{
		width:calc(25% - 9px);
	}
	.photo ul li:nth-child(1),
	.photo ul li:nth-child(2),
	.photo ul li:nth-child(3){
		margin-right:12px;
	}
	.photo#bottom ul li{
		width:calc(33.333% - 10px);
	}
	.photo#bottom ul li:nth-child(1),
	.photo#bottom ul li:nth-child(2){
		margin-right:15px;
	}
	.photo#bottom ul li:nth-child(3){
		padding-top:0;
	}
}
@media (min-width: 1024px) {
	.photo{
		padding:30px 0 65px;
	}
}

#access-method{
	padding-top:70px;
}
#access-method h3{
	font-family:"NewYork";
	font-size:1.8rem;
	border-bottom:1px solid #333;
	padding-bottom:5px;
	margin-bottom:5px;
}
#access-method h4{
	font-size:1.5rem;
	text-align:center;
	padding-top:5px;
	padding-bottom:15px;
	letter-spacing:-0.01em;
}
#access-method > ul{
	list-style-type:square;
	padding-left:20px;
}
#access-method > ul li h4{
	text-align:left;
	font-size:1.3rem;
	padding-bottom:7px;
}
#train{
	font-size:0;
	padding-bottom:20px;
}
#train > ul{
	list-style-type:square;
	padding-left:20px;
	font-size:1.3rem;
}
#train > ul li h4{
	text-align:left;
	font-size:1.3rem;
	padding-bottom:7px;
}
#train ul#two{
	padding-top:10px;
}
.train dl{
	background:url(../access/img/arrow.svg) no-repeat top 5px right 140px;
	background-size:auto 10px;
	height:30px;
}
.train dl.hitoketa{
	background:url(../access/img/arrow.svg) no-repeat top 5px right 120px;
}
.train dl dt{
	padidng-top:15px;
}
.train dl dd{
	padding:0;
}
.train p{
	font-size:1.15rem;
	line-height:130%;
	padding-bottom:15px;
	padding-left:0.5em;
}
/* IE */
@media all and (-ms-high-contrast: none) {
	.train dl{
		background-size:116px 20px;
	}
}
.train dl dt{
	font-size:1.6rem;
  	float:left;
	/*padding-right:7px;*/
  	background-color:#FFF;
}
.train dl dd{
	font-size:1.3rem;
  	float:right;
	padding-left:5px;
  	background-color: #FFF;
	background:none;
	margin:0;
}
.time-required{
	font-size:170%;
}
.arrow{
	width:60px;
	height:9px;
	vertical-align:3px;
	padding-right:12px;
}
#access-method ol{
	margin:0;
	padding:0;
	padding-top:5px;
}
#access-method ol li{
	position:relative;
	list-style:none;
	margin:0;
	padding:2px 0 0;
	padding-left:1.25em;
	font-size:1.1rem;
	line-height:150%;
}
#access-method ol li span{
	position:absolute;
	left:0;
	margin:0
}
#carlife{
	padding-top:20px;
}
#carlife ul{
	list-style-type:square;
	padding-left:20px;
}
#carlife ul li h4{
	text-align:left;
	font-family:"NewYork";
	font-size:1.5rem;
	padding-bottom:2px;
}
#carlife ul li p{
	line-height:160%;
	font-size:1.3rem;
}
@media (min-width: 375px) {
	#access-method h4{
		letter-spacing:0;
	}
}
@media (min-width: 568px) {
	.train{
		display:inline-block;
		vertical-align:top;
		width:calc(50% - 5px);
	}
	.train:nth-child(1),
	.train:nth-child(3),
	.train:nth-child(5){
		margin-right:10px;
	}
	.train dl{
		background:url(../access/img/arrow.svg) no-repeat top 5px right 137px;
	}
	.train dl.hitoketa{
		background:url(../access/img/arrow.svg) no-repeat top 5px right 117px;
	}
	#train ul#two{
		padding-top:0;
	}
	#map-route{
		position:relative;
	}
	#access-method ol{
		position:absolute;
		bottom:-20px;
		width:55%;
	}
	#carlife{
		padding-top:40px;
	}
}
@media (min-width: 667px) {
	#access-method{
		margin:0 30px;
	}
}
@media (min-width: 768px) {
	#access-method{
		margin:0 5%;
	}
	#access-method h3{
		font-size:1.9rem;
	}
}
@media (min-width: 1024px) {
	#access-method{
		margin:0 10%;
	}
	#access-method h3{
		font-size:2.0rem;
	}
	#access-method p.south{
		font-size:1.2rem;
	}
	.train dl dd{
		font-size:1.4rem;
	}
	.train dl{
		background:url(../access/img/arrow.svg) no-repeat top 5px right 145px;
	}
	.train dl.hitoketa{
		background:url(../access/img/arrow.svg) no-repeat top 5px right 125px;
	}
	#access-method ol li{
		font-size:1.2rem;
	}
}
@media (min-width: 1200px) {
	#access-method h3{
		font-size:2.1rem;
	}
	.train dl{
		background:url(../access/img/arrow.svg) no-repeat top 4px right 145px;
	}
	.train dl.hitoketa{
		background:url(../access/img/arrow.svg) no-repeat top 4px right 125px;
	}
}

br.br568-666{
	display:none;
}
@media (min-width: 568px) and (max-width: 666px) {
	br.br568-666{
		display:i;
	}
}