@charset "utf-8";
/* CSS Document */
h3.noriba{
	border:none;
	background:#509cd9;
	padding:5px;
	color:#FFF;
}
li.day1{
	background:url(/lp/tokai/img/ico_day1.gif) no-repeat;
	padding-left:70px;
}
li.day2{
	background:url(/lp/tokai/img/ico_day2.gif) no-repeat;
	padding-left:70px;	
}
li.day3{
	background:url(/lp/tokai/img/ico_day3.gif) no-repeat;
	padding-left:70px;
}
dt.noriba-kobe>span,
dt.noriba-osaka1>span,
dt.noriba-osaka2>span{
    background: #fff;
    font-size: 11px;
    color: #000;
    display: block;
    width: 80px;
    height: 20px;
    text-align: center;
    position: relative;
    line-height: 22px;
    margin-bottom: 10px;
}
dt.noriba-osaka2>span{
    width: 140px;
}
dt.noriba-kobe>span::after,
dt.noriba-osaka1>span::after{
  width: 0;
  height: 0;
  border-left: 10px solid #fff;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  position: absolute;
  content: "";
  top: 0;
  left: 80px;
}
dt.noriba-osaka2>span::after{
  width: 0;
  height: 0;
  border-left: 10px solid #fff;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  position: absolute;
  content: "";
  top: 0;
  left: 140px;
}
dt.noriba-kobe{
   background: #f0902e;
   color: #fff;
}
dt.noriba-osaka1{
   background: #31b67f;
   color: #fff;
}
dt.noriba-osaka2{
   background: #ee5863;
   color: #fff;
}
ul.guidance1{
    width: 140px;
}
ul.guidance1 li img{
   margin-bottom: 5px;
}
ul.guidance1 li span{
    font-size: 11px!important;
    letter-spacing: 0;
}
ul.guidance4{
    width: 630px;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap:wrap;
    align-content:flex-start;
    margin: 10px auto;
}
ul.guidance4 li{
    width:140px;
    margin-right: 20px;
}
ul.guidance4 li:nth-child(4n){
    margin-right: 0;
}
ul.guidance4 li span{
    font-size: 11px!important;
    letter-spacing: 0;
}
ul.guidance4 li img{
   margin-bottom: 5px;
}
ul.guidance5{
    width: 730px;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap:wrap;
    align-content:flex-start;
}
ul.guidance5 li{
    width:140px;
    margin-right: 7px;
}
ul.guidance5 li:nth-child(5n){
    margin-right: 0;
}
ul.guidance5 li span{
    font-size: 11px;
    letter-spacing: 0;
}
ul.guidance5 li img{
   margin-bottom: 5px;
}
img.mar160l{
    margin-left: 160px;
}
@media only screen and (max-width: 750px) {
#article ul.column3 li.mycar{
    margin: 0 auto 15px auto!important;
}
#article ul.column3 li.bike{
    margin: 0 auto 15px auto!important;
}
#article ul.column3 li.walk{
    margin: 0 auto 15px auto!important;
 }
ul.guidance1{
    width: 140px;
    margin: 0 auto;
}
ul.guidance4{
    width: 100%;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap:wrap;
    justify-content: center;
}
ul.guidance4 li{
    width:140px;
    margin-right: 30px;
}
ul.guidance4 li:nth-child(2n){
    margin-right: 0;
}
ul.guidance5{
    width: 100%;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap:wrap;
}
ul.guidance5 li{
    width:140px;
    margin-right: 30px;
}
ul.guidance5 li:nth-child(2n){
    margin-right: 0;
 }
img.mar160l{
    margin-left: 0;
}
}