@charset "utf-8";
@media screen and (max-width : 768px) {
/* ==================================================
交通局用
================================================== */
#tmp_contents h2 {
	font-size: 171.4%;
	padding-bottom:10px;
}
#tmp_contents h2::after {
	width:70px !important;
}
#tmp_contents h3 {
	font-size: 157.1%;
	border-bottom-width: 2px;
	padding: 0 0 6px 16px;
}
#tmp_contents h3::before {
	top: 1px;
	height: 27px;
}
#tmp_contents h4 {
	font-size: 142.9%;
	border-bottom-width: 2px;
}
#tmp_contents h5 {
	font-size: 142.9%;
}
#tmp_contents h6 {
	font-size: 135.7%;
}
#tmp_contents h2 a[href],
#tmp_contents h3 a[href],
#tmp_contents h4 a[href],
#tmp_contents h5 a[href],
#tmp_contents h6 a[href] {
	display: block;
}
#tmp_contents p,
#tmp_contents ul li,
#tmp_contents ol li {
	line-height: 1.75;
}
#tmp_contents table.outline td,
#tmp_contents div.outline {
    padding:10px 10px 5px;
}
/* box_publicity
================================================== */
#tmp_contents .box_publicity_cnt ul li {
	width:140px;
}
/* foreign - visualtop
================================================== */
#tmp_contents .visualtop {
	margin:0 0 20px;
}
#tmp_contents .visualtop td {
	position:relative;
	height: auto;
	vertical-align:top;
	text-align:left;
	padding:20px 20px 160px;
	background:url(/shared/images/transport/foreign/visualtop_bg_sp.jpg) no-repeat top center;
	background-size:cover;
}
#tmp_contents .visualtop td::after {
	content:"";
	position:absolute;
	bottom:10px;
	left:50%;
	margin-left:-134px;
	width:268px;
	height:146px;
	background:url(/shared/images/transport/foreign/visualtop_sp.png) no-repeat;
	background-size:cover;
}
#tmp_contents .visualtop h2 {
	font-size:143%;
}
#tmp_contents .visualtop p {
	font-size:114.3%;
}
/* route map
================================================== */
#tmp_contents p.traffic_summary {
	margin-bottom:1.2em;
}
#tmp_contents .traffic_line:after,
#tmp_contents .traffic_line ul:after,
#tmp_contents .traffic_heading:after,
#tmp_contents .traffic_wrap:after,
#tmp_contents .traffic_wrap .traffic_item:after {
	content: ""; /* Do not edit */
	display: table; /* Do not edit */
	clear: both; /* Do not edit */
}
#tmp_contents .pc_txt,
#tmp_contents .region_diagram{
	display: none;
}
#tmp_contents .traffic_line,
#tmp_contents .traffic_table{
	display: block;
}
#tmp_contents .traffic_line{
	margin-bottom: 16px;
}
#tmp_contents .traffic_line ul{
	list-style: none;
	padding: 0;
	margin: 0 -2px;
}
#tmp_contents .traffic_line ul li{
	padding: 0 2px;
	margin-bottom: 4px;
	float: left;
	width: 33.3333333%;
	float: left;
}
#tmp_contents .traffic_line ul li:nth-child(3n){
	clear: right;
}
#tmp_contents .traffic_line ul li:nth-child(3n+1){
	clear: left;
}
#tmp_contents .traffic_line ul li a{
	padding: 35px 2px 2px;
	display: block;
	color: #000000;
	background-color: #FFFFFF;
	border: 1px solid #b3b3b3;
	text-align: center;
	text-decoration: none;
}
#tmp_contents .traffic_line ul li.hokushin_line a{
	background: #FFFFFF url(/shared/templates/transport_free/images/circle_hokushin.png) center 6px no-repeat;
	background-size: 30px auto;
	-webkit-background-size: 30px auto;
}
#tmp_contents .traffic_line ul li.yamate_line a{
	background: #FFFFFF url(/shared/templates/transport_free/images/circle_yamate.png) center 6px no-repeat;
	background-size: 30px auto;
	-webkit-background-size: 30px auto;
}
#tmp_contents .traffic_line ul li.coast_line a{
	background: #FFFFFF url(/shared/templates/transport_free/images/circle_coast.png) center 6px no-repeat;
	background-size: 30px auto;
	-webkit-background-size: 30px auto;
}
#tmp_contents .traffic_line ul li a:hover,
#tmp_contents .traffic_line ul li a:focus{
	text-decoration: underline;
}
#tmp_contents .service_cate{
	list-style: none;
	padding: 0;
	margin: 0;
	text-align: right;
}
#tmp_contents .service_cate li{
	padding: 0 2px;
	margin: 0;
	display: inline-block;
	vertical-align: middle;
}
#tmp_contents .traffic_heading{
	text-align: center;
}
#tmp_contents .traffic_heading p{
	margin: 0;
	padding: 7px 10px 5px;
	font-weight: bold;
	font-size: 114.2%;
	color: #FFFFFF;
	background-color: #006fc0;
}
#tmp_contents .media_line{
	display: inline-block;
	text-decoration: none;
	vertical-align: middle;
}
#tmp_contents .media_line .media_image,
#tmp_contents .media_line .media_cnt{
	display: table-cell;
}
#tmp_contents .media_line .media_image{
	position: relative;
	padding-right: 5px;
	width: 50px;
}
#tmp_contents .media_line{
	position: relative;
}
#tmp_contents .media_line .media_image img{
	position: relative;
	z-index: 1;
	width: 45px;
	height: 45px;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
}
#tmp_contents .media_line .media_image:after{
	position: absolute;
	content: '';
	width: 8px;
	height: auto;
	left: 19px;
	z-index: 0;
}
#tmp_contents .media_line:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 45px;
	height: 45px;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	color: #000000;
	background-color: #FFFFFF;
}
#tmp_contents  .yamate_table tr:nth-child(1) .media_line .media_image:after{
	top: 0;
	bottom: -9px;
	color: inherit;
	background-color: #c69564;
}
#tmp_contents  .yamate_table tr:nth-child(2) .media_line .media_image:before{
	position: absolute;
	left: 19px;
	top: -9px;
	z-index: 1;
	content: '';
	width: 8px;
	height: 15px;
	color: inherit;
	background-color: #c69564;
}
#tmp_contents .yamate_table .media_line .media_image:after{
	top: -8px;
	bottom: -9px;
	color: inherit;
	background-color: #13af68;
}
#tmp_contents .coast_table .media_line .media_image:after{
	top: -8px;
	bottom: -9px;
	color: inherit;
	background-color: #0073c6;
}
#tmp_contents .traffic_table table tr:last-child .media_line .media_image:after{
	bottom: 0;
}
#tmp_contents .media_line .media_cnt{
	display: table-cell;
	height: 45px;
	vertical-align: middle;
	font-weight: bold;
}
#tmp_contents .media_line a,
#tmp_contents .media_line a:link{
	color: #005cd0;
	text-decoration: underline;
}
#tmp_contents .media_line a:hover,
#tmp_contents .media_line a:focus{
	text-decoration: none;
}
#tmp_contents .traffic_wrap{
	margin: 0 -10px;
}
#tmp_contents .traffic_wrap .traffic_item{
	margin-bottom: 30px;
}
#tmp_contents .traffic_table table{
	width: 100%;
	color: #000000;
	background-color: #FFFFFF;
}
#tmp_contents .traffic_table table td{
	padding: 8px 10px;
    line-height: 1.5;
    vertical-align: middle;
}
#tmp_contents .traffic_table table td p,
#tmp_contents .traffic_table table td ul li,
#tmp_contents .traffic_table table td ol li{
	line-height: 1.6;
}
#tmp_contents .traffic_table table td:last-child{
	padding-left: 5px;
	min-width: 95px;
	clear:both;
}
#tmp_contents .traffic_table table td .tooltip_btn{
	float:right;
	text-decoration: none;
}
#tmp_contents .traffic_table table td:first-child{
	padding-right: 10px;
	padding-left: 20px;
}
#tmp_contents .datatable_line{
	width: 100%;
    max-width: 100%;
	border-spacing: 0;
    border-collapse: collapse;
}
#tmp_contents .yamate_table .datatable_line p{
	margin: 0;
}
#tmp_contents .yamate_table .datatable_line tr:nth-of-type(even) {
    background-color: #e7fff4;
}
#tmp_contents .coast_table .datatable_line p{
	margin: 0;
}
#tmp_contents .coast_table .datatable_line tr:nth-of-type(odd) {
    background-color: #e4f4ff;
}
#tmp_contents .yamate_table .datatable_line .thead_hokushin a:active,
#tmp_contents .yamate_table .datatable_line .thead_hokushin a:link,
#tmp_contents .yamate_table .datatable_line .thead_hokushin a:hover,
#tmp_contents .yamate_table .datatable_line .thead_hokushin a:focus,
#tmp_contents .yamate_table .datatable_line .thead_hokushin a,
#tmp_contents .yamate_table .datatable_line .thead_hokushin {
	background-color: #fef4ea;
}
#tmp_contents .yamate_table .datatable_line tr:nth-of-type(even) a:active,
#tmp_contents .yamate_table .datatable_line tr:nth-of-type(even) a:link,
#tmp_contents .yamate_table .datatable_line tr:nth-of-type(even) a:hover,
#tmp_contents .yamate_table .datatable_line tr:nth-of-type(even) a:focus,
#tmp_contents .yamate_table .datatable_line tr:nth-of-type(even) a {
	background-color: #e7fff4;
}
#tmp_contents .coast_table .datatable_line tr:nth-of-type(odd) a:active,
#tmp_contents .coast_table .datatable_line tr:nth-of-type(odd) a:link,
#tmp_contents .coast_table .datatable_line tr:nth-of-type(odd) a:hover,
#tmp_contents .coast_table .datatable_line tr:nth-of-type(odd) a:focus,
#tmp_contents .coast_table .datatable_line tr:nth-of-type(odd) a{
	background-color: #e4f4ff;
}
/* tooltip */
#tmp_contents .datatable_line .tooltip_wrap {
	display:none;
}
#tmp_contents .datatable_line .tooltip_open {
	position: relative;
}
#tmp_contents .datatable_line .tooltip_open:after {
	position: absolute;
	bottom: -6px;
	right:20px;
	content: "";
	display: block;
	width:17px;
	height:16px;
	z-index: 2;
	background: transparent url(/shared/templates/transport_free/images/tooltip_before.png);
	background-size:17px auto;
	-webkit-background-size: 17px auto;
}
#tmp_contents .datatable_line .tooltip_open .tooltip_wrap {
	display: block;
	position: absolute;
	top:100%;
	right:2vw;
	width: 58vw;
	margin:4px 0;
	padding:10px 14px;
	z-index: 2;
	background-color: #e4e4e4;
	border:2px solid#999999;
}
#tmp_contents .yamate_table .datatable_line .tooltip_wrap .tooltip_txt,
#tmp_contents .coast_table .datatable_line .tooltip_wrap .tooltip_txt {
	font-size:	107.1%;
	font-weight: bold;
	text-align: left;
}
}