@charset "UTF-8";
/*»ù±¾¥Ù¥¿¥«¥é©`*/
/*¥Ê¥Ó¥«¥é©`*/
/*Ã÷¤ë¤¤Ë®É«*/
/*@mixin Bg01{
	background: #e0e2e3;
	position:relative;
	overflow:hidden;
	&:before,&:after{
		content: "";
		position: absolute;
		top: 0;
		z-index:1;
		background: #f3f3f3;
		display: block;
	}
	&:before{
		width: 1400px;
		height: 2000px;
		left: 50%;
		transform: skew(-45deg);
		margin-left: -1100px;
	}
	&:after{
		width: 100%;
		left: 50%;
		bottom: 0;
	}
}*/
/* ©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥
¡¡¡öCOMMON
©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥ */
/* ©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥
¡¡¡öÂòÇòappÄĸöºÃ
©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥ */

@font-face {
  font-family: 'icomoon';
  src:  url('/wp/wp-content/themes/ouhs_main/assets/fonts/icomoon.eot?2nbcn4');
  src:  url('/wp/wp-content/themes/ouhs_main/assets/fonts/icomoon.eot?2nbcn4') format('embedded-opentype'),
    url('/wp/wp-content/themes/ouhs_main/assets/fonts/icomoon.ttf?2nbcn4') format('truetype'),
    url('/wp/wp-content/themes/ouhs_main/assets/fonts/icomoon.woff?2nbcn4') format('woff'),
    url('/wp/wp-content/themes/ouhs_main/assets/fonts/icomoon.svg?2nbcn4') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-plus:before {
  content: "\ea0a";
}
.icon-minus:before {
  content: "\ea0b";
}



.page_access #content_normal {
  padding-bottom: 20px;
}

.page_access #map .information_sec {
  background: #fff;
}

iframe.google_map,
iframe.google_map object,
iframe.google_map embed {
  width: 100%;
  height: 500px;
  padding: 4px;
  box-sizing: border-box;
}

.page_access #map .box {
  padding: 15px 20px 30px;
}

.page_access #map .box p {
  max-width: 800px;
  margin: 0 auto;
}

.page_access .inqlink a {
  display: inline-block;
  background: url(/wp/wp-content/themes/ouhs_main/assets/img/ico_arrow03.png) no-repeat left 6px;
  background-size: 5px auto;
  padding-left: 15px;
  margin-top: 15px;
  line-height: 1.4;
}

.page_access #train .box {
  width: 100%;
  background: #fff;
  text-align: center;
  padding: 20px;
  box-sizing: border-box;
}

.page_access #train .box img {
  width: 100%;
  max-width: 460px;
}

.page_access #train p {
  margin-top: 15px;
  line-height: 1.6;
  text-indent: -1em;
  padding-left: 1em;
}

.page_access ul.btn03_03 li {
  width: 48%;
}

@media only screen and (max-width: 767px) {
  .page_access #content_normal {
    padding-bottom: 40px;
  }
  .page_access ul.btn03_03 li {
    width: 100%;
  }
}

/*---*/

.page_access #train2 {
  width: 100%;
  padding: 0;
  box-sizing: border-box;
}

.page_access #train2 .inner {
  overflow: auto;
}

#train2 .info-area {
  width: 1000px;
  background: #fff;
  padding: 0;
  box-sizing: border-box;
}

@media print {
	#train2 .info-area {
		zoom: 0.7;
		-webkit-print-color-adjust: exact;
		margin: 0 auto;
	}
}

@media only screen and (max-width: 767px) {
  .page_access #train2 {
    width: auto;
    background: none;
  }
  .page_access #train2 .inner {
    overflow: none;
  }
  #train2 .info-area {
    width: auto;
    background: none;
  }
}

@media print, screen and (min-width: 768px) {
	#train2 .info-area dl {
		margin: 0;
		text-align: left;
		font-size: 0;
		letter-spacing: -1em;
		background: #fff;
		border-bottom: 2px solid #f3f3f3;
		padding: 30px 20px;
	}
	#train2 .info-area dl:last-child {
		margin-bottom: 0;
		border-bottom: none;
	}
	#train2 .info-area dl dt {
		font-size: 16px;
		margin-bottom: 20px;
		padding-bottom: 20px;
		border-bottom: 1px solid #ccc;
		line-height: 1.4;
		font-weight: bold;
	}
	#train2 .info-area dl dd {
		font-size: 0;
		letter-spacing: -1em;
	
		position: relative;
		top: 0;
		left: 0;
	}
	#train2 .info-area dd:before {
		display: block;
		content: '';
		width: 100%;
		height: 4px;
		background-color: #8d8d8d;
	
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		margin: auto;
	}
	#train2 .info-area dl dd ol {
		display: inline-block;
		vertical-align: middle;
		font-size: 0;
		letter-spacing: -1em;
	}
	#train2 .info-area dl dd ol:first-child {
		width: 620px;
	}
	#train2 .info-area dl dd ol:last-child {
		width: 340px;
	}
	#train2 .info-area dl dd li {
		display: inline-block;
		vertical-align: middle;
		font-size: 14px;
		letter-spacing: 0;
		position: relative;
		z-index: 10;
		background-color: #fff;
	}
	#train2 .info-area dl dd li.station {
		display: inline-block;
		vertical-align: middle;
		padding: 22px 16px;
		border: 1px solid #ccc;
		text-align: center;
		
		line-height: 1.5;
		width: 110px;
	}
	#train2 .info-area dl dd li.station.start {
		width: 158px;
	}
	#train2 .info-area dl dd li.station.end {
		padding: 12px 22px 11px;
		color: #0085ce;
		font-weight: bold;
	}
	#train2 .info-area dl dd li.road {
		margin: 0 10px;
		padding: 0 5px;
		text-align: center;
		line-height: 1.5;
		min-width: 100px;
	}
	#train2 .info-area dl dd li.road strong {
		font-size: 18px;
		letter-spacing: 1px;
	}
	#train2 .info-area dl dd ol:first-child li.road {
		margin: 0 26px;
	}
}
@media only screen and (max-width: 767px) {
	#train2 .info-area dl {
		margin-bottom: 2px;
		text-align: left;
		font-size: 0;
		letter-spacing: -1em;
		border: 1px solid #e4e4e4;
	}
	#train2 .info-area dl:last-child {
		margin-bottom: 0;
	}
	#train2 .info-area dl dt {
		background-color: #e4e4e4;
	}
	#train2 .info-area dl dt a {
		display: block;
		font-size: 16px;
		padding: 5%;
		
		position: relative;
		top: 0;
		left: 0;
	}
	#train2 .info-area dl dt a:after {
		display: block;
		content: '\ea0a';
		font-family: 'icomoon';
		font-size: 8px;
		color: #fff;
		width: 2em;
		height: 2em;
		line-height: 1;
		border-radius: 5px;
		background-color: #008bd7;
		padding: 0.5em;
		position: absolute;
		top: 0;
		bottom: 0;
		right: 5%;
		margin: auto;
	}
	#train2 .info-area dl dt a.active:after {
		content: '\ea0b';
	}
	#train2 .info-area dl dd {
		display: none;
		padding: 5%;
		position: relative;
		top: 0;
		left: 0;
	}
	#train2 .info-area dd:before {
		display: block;
		content: '';
		width: 2px;
		height: 80%;
		background-color: #8d8d8d;
	
		position: absolute;
		top: 5%;
		bottom: 0;
		left: 12%;
		margin: auto;
	}
	#train2 .info-area dl dd ol {
	}
	#train2 .info-area dl dd ol:first-child {
		
	}
	#train2 .info-area dl dd ol:last-child {
		
	}
	#train2 .info-area dl dd li {
		font-size: 14px;
		letter-spacing: 0;
		position: relative;
		z-index: 10;
		background-color: #f3f3f3;
	}
	#train2 .info-area dl dd li.station {
		display: inline-block;
		vertical-align: middle;
		padding: 10px;
		border: 1px solid #e4e4e4;
		text-align: left;
		padding-left: 12%;
		
		line-height: 1.5;
		width: 100%;
	}
	#train2 .info-area dl dd li.station.end {
		padding: 12px 22px 11px;
		color: #0085ce;
	}
	#train2 .info-area dl dd li.road {
		margin-left: 12%;
		padding: 5% 0;
		text-align: left;
		line-height: 1.5;
		min-width: 100px;
	}
	#train2 .info-area dl dd li.road strong {
		font-size: 18px;
		letter-spacing: 1px;
	}
}