@charset "UTF-8";

/* 環境 */
.headline{
	font-family:'Times New Roman','BIZ UD明朝','BIZ UDMincho','游明朝','YuMincho','ヒラギノ明朝 ProN','Hiragino Mincho ProN','メイリオ','Meiryo','ＭＳ Ｐ明朝','MS PMincho',serif;
}

.content{
	font-size:0;
	border-top:2px solid #333;
	padding-top:30px;
}
.content > h4{
	text-align:center;
	font-family:'Open Sans';
	font-weight:600;
	font-size:1.7rem;
}
.content > p{
	text-align:center;
	font-size:1.3rem;
	line-height:160%;
	padding:15px 0;
	font-family:'Times New Roman','BIZ UD明朝','BIZ UDMincho','游明朝','YuMincho','ヒラギノ明朝 ProN','Hiragino Mincho ProN','メイリオ','Meiryo','ＭＳ Ｐ明朝','MS PMincho',serif;
}
.content > h5{	
	text-align:center;
	font-family:'Open Sans';
	font-weight:600;
	font-size:7.0rem;
}
.content > h6{	
	text-align:center;
	font-family:'Open Sans';
	font-weight:600;
	font-size:1.3rem;
}
@media (min-width: 568px){
	.content{
		padding-top:40px;
	}
}
@media (min-width: 768px){
	.content{
		padding-top:50px;
	}
	.content h4{
		font-size:1.9rem;
	}
}
@media (min-width: 1200px) {
	.content{
		padding-top:60px;
	}
	.content h4{
		font-size:2.3rem;
	}
	.content > p{
		padding:25px;
	}
}

.lifeinfo h5{
	font-size:1.3rem;
}
.lifeinfo#left{
	padding-bottom:30px;
}
.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(../location/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;
}
@media (min-width: 568px){
	.lifeinfo{
		line-height:26px;
	}
	.lifeinfo h5{
		line-height:26px;
	}
	.lifeinfo dl{
		background: url(../location/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: 1024px) {
	#lifeinfo h4{
		font-size:2.1rem;
	}
	.lifeinfo{
		display:inline-block;
		vertical-align:top;
		width:calc(50% - 20px);
	}
	.lifeinfo#left{
		pading-bottom:0;
		margin-right:40px;
	}
}

#photo{
	font-size:0;
	padding-top:10px;
}
.photo ul{
	font-size:0;
}
.photo ul img{
	line-height:0;
	vertical-align:bottom;
}
.photo ul li{
	padding-top:20px;
}
.photo ul li.full.first{
	padding-top:0;
}
@media (min-width: 568px){
	.photo ul li{
		display:inline-block;
		width:calc(50% - 10px);
	}
	.photo ul li:nth-child(even){
		margin-right:20px;
	}
	.photo ul li.full{
		width:100%;
	}
}
@media (min-width: 768px){
	.photo{
		display:inline-block;
		width:calc(50% - 10px);
	}
	.photo#left{
		margin-right:20px;
	}
	.photo ul li.full{
		padding-top:0;
	}
}
@media (min-width: 1024px){
	.photo{
		width:calc(50% - 20px);
	}
	.photo#left{
		margin-right:40px;
	}
	.photo ul li{
		padding-top:40px;
	}
	.photo ul li{
		width:calc(50% - 20px);
	}
	.photo ul li:nth-child(even){
		margin-right:40px;
	}
}

#traffic{
	font-family:'Times New Roman','BIZ UD明朝','BIZ UDMincho','游明朝','YuMincho','ヒラギノ明朝 ProN','Hiragino Mincho ProN','メイリオ','Meiryo','ＭＳ Ｐ明朝','MS PMincho',serif;
}
.traffic{
	color:#666;
}
.traffic h5{
	padding-top:15px;
	font-size:1.5rem;
}
.minute{
	font-size:180%;
}
.station{
	font-size:140%;
}
.traffic ol{
	margin:0;
	padding:0;
	color:#666;
}
.traffic ol li{
	position:relative;
	list-style:none;
	padding-left:1.25em;
	font-size:1.1rem;
	line-height:150%;
	
	text-align:center;
}
.traffic ol li span{
	position:absolute;
	left:0;
	margin:0;
	
	position:relative;
}
@media (min-width: 768px) {
	.traffic h5{
		font-size:1.6rem;
	}
}
@media (min-width: 1024px) {
	.traffic h5{
		font-size:1.7rem;
	}
}
@media (min-width: 1200px) {
	.traffic h5{
		padding-top:25px;
	}
}

.line{
	border-top:2px solid #666;
}
.line.ue{
	margin:10px 0 0;
}
.line.shita{
	margin:15px 0 10px;
}
@media (min-width: 768px) {
	.line.ue{
		margin:10px 0 3px;
	}
}

#train{
	font-size:0
}
.train{
	padding-top:12px;
}
.train dl{
	background:url(../location/img/dotted-border.png) repeat-x 0 16px;
	height:26px;
	font-size:1.5rem;
}
.train dl dt{
  	float:left;
  	padding:3px 7px 0 0;
  	line-height:26px;
  	background-color:#FFF;
	font-feature-settings:'palt';
}
.train dl dd{
  	float:right;
  	padding:0 0 0 7px;
  	line-height:26px;
  	background-color:#FFF;
}
.station2{
	font-size:140%;
}
.minute2{
	font-size:180%;
	padding:0 0.05em;
}
.train p{
	font-size:1.2rem;
	line-height:150%;
	clear:both;
}
.train p.caption{
	font-size:1.1rem;
	padding:15px 0 0;
}
@media (min-width: 768px) {
	.train{
		display:inline-block;
		vertical-align:top;
		width:calc(50% - 20px);
	}
	.train:nth-child(even){
		margin-left:40px;
	}
	.train dl{
		font-size:1.6rem;
	}
}
@media (min-width: 1024px) {
	.train dl{
		font-size:1.7rem;
	}
}