@charset "utf-8";

/* CSS Document */
#art_timetable .table_time tr:nth-of-type(2) th:last-of-type{
	border-right:none;
}
#art_timetable .table_time th,
#art_timetable .table_time td{
	padding:3px 15px;
}
#art_timetable .table_time .color{
	background:#FFF6E3;
}
.decobox{
	background:#FFF6E3;
	border:1px solid #999;
	width: 50px;
	display: inline-block;
}
#art_busstop .div_map{
width:100%;
height: 450px;
margin-bottom: 30px;
}
#art_busstop .div_h4 h4{
    font-size: 20px;
    border-left:none;
    /* color: #747474; */
    padding-left: 40px;
    line-height: 1.5;
				position: relative;
    margin-bottom:15px;
}
#art_busstop .div_h4 h4:after{
content: "";
display: block;
position: absolute;
width: 30px;
height: 60px;
top:-10px;
left:0;
}
#art_busstop .div_h4.root_esaka h4:after{
background: url("../img/bus/ic_bus01.png")no-repeat left top / contain;
}
#art_busstop .div_h4.root_hatobe h4:after{
background: url("../img/bus/ic_bus02.png")no-repeat left top / contain;
}
#art_busstop .div_h4.root_toyotsu h4:after{
background: url("../img/bus/ic_bus03.png")no-repeat left top / contain;
}
#art_busstop .im_buspoint{
border: solid 1px #2E2D2D;
padding: 10px;
}
/*
#art_appcheck .icon_shirasete {
	float: left;
    padding: 10px 30px;
}
#art_appcheck .im_shirasete {
	float: right;
    padding: 10px;
}
*/
#art_appcheck .im_shirasete {
    display: block;
    width: 350px;
    height: auto;
    margin: 30px auto 80px;
}

/*
#art_timetable .table_time02 tr:nth-of-type(2) th:last-of-type{
	border-right: 1px solid #666;
}

#art_timetable .table_time03 tr:nth-of-type(2) th:nth-of-type(2){
	padding:3px 0;
}
*/
#art_timetable .table_time02 {
	padding: 0;
	table-layout: auto;
}
#art_timetable .table_time02 td{
	padding:4px 10px;
}
#art_timetable .table_time02 th{
	padding:4px 13px;
}
#art_timetable .table_time02 tr:nth-of-type(2) th:last-of-type {
    border-right: 1px solid #666;
}

/* --bus-- */
@media print, screen and (min-width: 680px) {
#art_busstop .div_map{
width:100%;
height: 450px;
}
#art_busstop .div_h4 {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
#art_busstop .im_buspoint{
width: 430px;
margin-left: 30px;
}
#art_busstop .div_rootcon{
width:calc(100% - 460px );
}
/*#art_guidance .text01{
	position: absolute;
	width: 350px;
	top: 366px;
	left: 416px;
}*/

#art_busstop img{
	margin-left:80px;
	margin-top:-15px;
}
#art_timetable .table_time{
	margin-bottom:30px;
    width: 65%;
}
#art_appcheck .ul_applist{
display: flex;
flex-wrap: wrap;
}
#art_appcheck .ul_applist li{
width: 350px;
margin: auto;
}
#art_appcheck .ul_applist li img{
width: 100%;
}
#art_appcheck .ul_applist li:first-of-type{
margin-right: 30px;
}
}
@media screen and (max-width: 679px) {
#art_guidance .im_bus01{
	width:100%;
}
#art_busstop .im_buspoint {
max-width: 780px;
display: block;
margin: 15px auto 0;
}
#art_busstop img{
	width:100%;
}
#art_appcheck .ul_applist li,#art_appcheck .ul_applist li img{
width: 100%;
}
#art_appcheck .ul_applist li:first-of-type{
margin-bottom: 15px;
}
#art_timetable .table_time{
	width:100%;
	margin-bottom:30px;
}
#art_appcheck .im_shirasete {
    width: 100%;
    margin: 20px auto 40px;
}
    
    #art_timetable .table_time1 th,
    #art_timetable .table_time1 td{
        padding:3px 10px;
    }
    #art_timetable .table_time2 th,
    #art_timetable .table_time2 td{
        padding:3px 13px;
    }
    
    
}