@import url(reset.css);
@import url(base.css);
@import url(common.css);


#container .p_title {
	padding: 65px 0;
	margin: 0;
}


#container .p_title h1 {
	display: inline-block;
	font-size: 2.4em;
	position: relative;
	font-weight: 400;
	padding: 0 0 30px;
	letter-spacing: 0.05em;
}


#container .p_title h1:after {
	background: #595757;
	width: 50px;
	height: 1px;
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}


/*-------------------------------------------------------------------
	traffic
-------------------------------------------------------------------*/

#traffic {
	
}

#traffic a {
	text-decoration: underline;
}

#traffic a:hover {
	text-decoration: none;
}

#traffic .map {
	margin: 0 0 30px;
}

#traffic .map iframe {
	width: 100% !important;
}


#traffic .bolds dt {
	font-size: 1.3em;
	font-weight: 500;
	line-height: 1.2;
	margin: 0 0 10px;
}


/*===============================================
  画面の横幅が1024px以下に適用
===============================================*/
@media screen and (max-width: 1024px){
	
	
}

/*===============================================
  画面の横幅が768px以下に適用
===============================================*/
@media screen and (max-width: 768px){
	
	#container .p_title h1 {
		font-size: 1.6em;
	}
	
}

/*===============================================
  画面の横幅が640px以下に適用
===============================================*/
@media screen and (max-width: 640px){
	
	
}

/*===============================================
  画面の横幅が380px以下に適用
===============================================*/
@media screen and (max-width: 380px){
}